qpp-design-system 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles/qpp-theme.css +18 -15
- package/package.json +1 -1
|
@@ -510,13 +510,16 @@ ol,
|
|
|
510
510
|
ul,
|
|
511
511
|
legend,
|
|
512
512
|
label,
|
|
513
|
-
input,
|
|
514
513
|
button,
|
|
515
514
|
textarea,
|
|
516
515
|
select {
|
|
517
516
|
margin-block: 0;
|
|
518
517
|
}
|
|
519
518
|
|
|
519
|
+
input {
|
|
520
|
+
margin-block: 0 !important;
|
|
521
|
+
}
|
|
522
|
+
|
|
520
523
|
h1,
|
|
521
524
|
h2,
|
|
522
525
|
h3,
|
|
@@ -531,8 +534,8 @@ h1,
|
|
|
531
534
|
.qpp-h1 {
|
|
532
535
|
font-size: var(--font-size-4xl); /* 3rem */
|
|
533
536
|
font-weight: var(--font-weight-heading-4xl); /* 400 */
|
|
534
|
-
margin-bottom:
|
|
535
|
-
margin-top:
|
|
537
|
+
margin-bottom: var(--spacer-1);
|
|
538
|
+
margin-top: var(--spacer-3);
|
|
536
539
|
}
|
|
537
540
|
|
|
538
541
|
h1:first-child {
|
|
@@ -547,32 +550,32 @@ h2,
|
|
|
547
550
|
.qpp-h2 {
|
|
548
551
|
font-size: var(--font-size-3xl); /* 2.25rem */
|
|
549
552
|
font-weight: var(--font-weight-heading-3xl); /* 400 */
|
|
550
|
-
margin-bottom:
|
|
551
|
-
margin-top:
|
|
553
|
+
margin-bottom: var(--spacer-1);
|
|
554
|
+
margin-top: var(--spacer-3);
|
|
552
555
|
}
|
|
553
556
|
|
|
554
557
|
h3,
|
|
555
558
|
.qpp-h3 {
|
|
556
559
|
font-size: var(--font-size-2xl); /* 1.5rem */
|
|
557
560
|
font-weight: var(--font-weight-heading-2xl); /* 500 */
|
|
558
|
-
margin-bottom:
|
|
559
|
-
margin-top:
|
|
561
|
+
margin-bottom: var(--spacer-1);
|
|
562
|
+
margin-top: var(--spacer-3);
|
|
560
563
|
}
|
|
561
564
|
|
|
562
565
|
h4,
|
|
563
566
|
.qpp-h4 {
|
|
564
567
|
font-size: var(--font-size-xl); /* 1.3125rem */
|
|
565
568
|
font-weight: var(--font-weight-heading-xl); /* 500 */
|
|
566
|
-
margin-bottom:
|
|
567
|
-
margin-top:
|
|
569
|
+
margin-bottom: var(--spacer-1);
|
|
570
|
+
margin-top: var(--spacer-3);
|
|
568
571
|
}
|
|
569
572
|
|
|
570
573
|
h5,
|
|
571
574
|
.qpp-h5 {
|
|
572
575
|
font-size: var(--font-size-lg); /* 1.125rem */
|
|
573
576
|
font-weight: var(--font-weight-heading-lg); /* 500 */
|
|
574
|
-
margin-bottom:
|
|
575
|
-
margin-top:
|
|
577
|
+
margin-bottom: var(--spacer-1);
|
|
578
|
+
margin-top: var(--spacer-3);
|
|
576
579
|
}
|
|
577
580
|
|
|
578
581
|
h6,
|
|
@@ -602,10 +605,10 @@ p:first-child {
|
|
|
602
605
|
}
|
|
603
606
|
|
|
604
607
|
p {
|
|
605
|
-
font-size: var(--font-size-
|
|
608
|
+
font-size: var(--font-size-base);
|
|
606
609
|
line-height: var(--font-line-height-base);
|
|
607
|
-
margin-bottom:
|
|
608
|
-
margin-top:
|
|
610
|
+
margin-bottom: var(--spacer-2);
|
|
611
|
+
margin-top: var(--spacer-2);
|
|
609
612
|
}
|
|
610
613
|
|
|
611
614
|
ol,
|
|
@@ -617,7 +620,7 @@ ul {
|
|
|
617
620
|
|
|
618
621
|
ol,
|
|
619
622
|
ul {
|
|
620
|
-
font-size: var(--font-size-
|
|
623
|
+
font-size: var(--font-size-base);
|
|
621
624
|
}
|
|
622
625
|
|
|
623
626
|
ol li,
|