qpp-design-system 0.4.3 → 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 +16 -11
- 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,
|
|
@@ -604,6 +607,8 @@ p:first-child {
|
|
|
604
607
|
p {
|
|
605
608
|
font-size: var(--font-size-base);
|
|
606
609
|
line-height: var(--font-line-height-base);
|
|
610
|
+
margin-bottom: var(--spacer-2);
|
|
611
|
+
margin-top: var(--spacer-2);
|
|
607
612
|
}
|
|
608
613
|
|
|
609
614
|
ol,
|