@oslokommune/punkt-css 17.0.3 → 17.0.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/CHANGELOG.md +18 -0
- package/dist/css/components/bodytext.css +3 -3
- package/dist/css/components/bodytext.min.css +1 -1
- package/dist/css/components/breadcrumbs.css +5 -5
- package/dist/css/components/breadcrumbs.min.css +1 -1
- package/dist/css/components/heading.css +5 -5
- package/dist/css/components/heading.min.css +1 -1
- package/dist/css/components/linkcard.css +1 -1
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/elements/section.css +7 -7
- package/dist/css/elements/section.min.css +1 -1
- package/dist/css/pkt-base.css +5537 -7374
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +14 -14
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +5557 -7394
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +7 -7
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +5557 -7394
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/mixins/_breakpoints.scss +22 -7
- package/dist/scss/base/_grid.scss +6 -10
- package/dist/scss/base/_spacing.scss +52 -105
- package/dist/scss/base/_typography.scss +5 -8
- package/dist/scss/base/_visibility.scss +2 -2
- package/package.json +2 -2
|
@@ -521,7 +521,7 @@ pkt-alert {
|
|
|
521
521
|
font-size: 1.25rem;
|
|
522
522
|
line-height: 2rem;
|
|
523
523
|
}
|
|
524
|
-
@media screen and (min-width:
|
|
524
|
+
@media screen and (min-width: 36rem) {
|
|
525
525
|
.pkt-bodytext--large {
|
|
526
526
|
letter-spacing: -0.2px;
|
|
527
527
|
font-weight: 300;
|
|
@@ -543,7 +543,7 @@ pkt-alert {
|
|
|
543
543
|
font-size: 1rem;
|
|
544
544
|
line-height: 1.5rem;
|
|
545
545
|
}
|
|
546
|
-
@media screen and (min-width:
|
|
546
|
+
@media screen and (min-width: 36rem) {
|
|
547
547
|
.pkt-bodytext--medium {
|
|
548
548
|
letter-spacing: -0.2px;
|
|
549
549
|
font-weight: 300;
|
|
@@ -565,7 +565,7 @@ pkt-alert {
|
|
|
565
565
|
font-size: 0.875rem;
|
|
566
566
|
line-height: 1.375rem;
|
|
567
567
|
}
|
|
568
|
-
@media screen and (min-width:
|
|
568
|
+
@media screen and (min-width: 36rem) {
|
|
569
569
|
.pkt-bodytext--small {
|
|
570
570
|
letter-spacing: -0.2px;
|
|
571
571
|
font-weight: 300;
|
|
@@ -600,7 +600,7 @@ pkt-alert {
|
|
|
600
600
|
border-bottom: 1px solid transparent;
|
|
601
601
|
transition: all 0.4s ease-in-out;
|
|
602
602
|
}
|
|
603
|
-
@media screen and (min-width:
|
|
603
|
+
@media screen and (min-width: 36rem) {
|
|
604
604
|
.pkt-breadcrumbs__list {
|
|
605
605
|
flex-direction: row;
|
|
606
606
|
border-bottom-color: transparent !important;
|
|
@@ -612,7 +612,7 @@ pkt-alert {
|
|
|
612
612
|
width: 100%;
|
|
613
613
|
text-decoration: underline;
|
|
614
614
|
}
|
|
615
|
-
@media screen and (min-width:
|
|
615
|
+
@media screen and (min-width: 36rem) {
|
|
616
616
|
.pkt-breadcrumbs__item {
|
|
617
617
|
display: block;
|
|
618
618
|
width: auto;
|
|
@@ -643,7 +643,7 @@ pkt-alert {
|
|
|
643
643
|
text-overflow: ellipsis;
|
|
644
644
|
font-weight: 300;
|
|
645
645
|
}
|
|
646
|
-
@media screen and (min-width:
|
|
646
|
+
@media screen and (min-width: 36rem) {
|
|
647
647
|
.pkt-breadcrumbs__text {
|
|
648
648
|
max-width: 120px;
|
|
649
649
|
}
|
|
@@ -666,7 +666,7 @@ pkt-alert {
|
|
|
666
666
|
.pkt-breadcrumbs--desktop {
|
|
667
667
|
display: none !important;
|
|
668
668
|
}
|
|
669
|
-
@media screen and (min-width:
|
|
669
|
+
@media screen and (min-width: 36rem) {
|
|
670
670
|
.pkt-breadcrumbs--desktop {
|
|
671
671
|
display: inline-flex !important;
|
|
672
672
|
}
|
|
@@ -674,7 +674,7 @@ pkt-alert {
|
|
|
674
674
|
.pkt-breadcrumbs--mobile {
|
|
675
675
|
display: inline-flex !important;
|
|
676
676
|
}
|
|
677
|
-
@media screen and (min-width:
|
|
677
|
+
@media screen and (min-width: 36rem) {
|
|
678
678
|
.pkt-breadcrumbs--mobile {
|
|
679
679
|
display: none !important;
|
|
680
680
|
}
|
|
@@ -4545,7 +4545,7 @@ pkt-heading {
|
|
|
4545
4545
|
font-size: 2.5rem;
|
|
4546
4546
|
line-height: 3.75rem;
|
|
4547
4547
|
}
|
|
4548
|
-
@media screen and (min-width:
|
|
4548
|
+
@media screen and (min-width: 36rem) {
|
|
4549
4549
|
.pkt-heading--xlarge {
|
|
4550
4550
|
letter-spacing: -0.4px;
|
|
4551
4551
|
font-weight: 400;
|
|
@@ -4567,7 +4567,7 @@ pkt-heading {
|
|
|
4567
4567
|
font-size: 1.75rem;
|
|
4568
4568
|
line-height: 2.25rem;
|
|
4569
4569
|
}
|
|
4570
|
-
@media screen and (min-width:
|
|
4570
|
+
@media screen and (min-width: 36rem) {
|
|
4571
4571
|
.pkt-heading--large {
|
|
4572
4572
|
letter-spacing: -0.2px;
|
|
4573
4573
|
font-weight: 400;
|
|
@@ -4589,7 +4589,7 @@ pkt-heading {
|
|
|
4589
4589
|
font-size: 1.5rem;
|
|
4590
4590
|
line-height: 2.25rem;
|
|
4591
4591
|
}
|
|
4592
|
-
@media screen and (min-width:
|
|
4592
|
+
@media screen and (min-width: 36rem) {
|
|
4593
4593
|
.pkt-heading--medium {
|
|
4594
4594
|
letter-spacing: -0.2px;
|
|
4595
4595
|
font-weight: 500;
|
|
@@ -4611,7 +4611,7 @@ pkt-heading {
|
|
|
4611
4611
|
font-size: 1.125rem;
|
|
4612
4612
|
line-height: 1.75rem;
|
|
4613
4613
|
}
|
|
4614
|
-
@media screen and (min-width:
|
|
4614
|
+
@media screen and (min-width: 36rem) {
|
|
4615
4615
|
.pkt-heading--small {
|
|
4616
4616
|
letter-spacing: -0.2px;
|
|
4617
4617
|
font-weight: 500;
|
|
@@ -4633,7 +4633,7 @@ pkt-heading {
|
|
|
4633
4633
|
font-size: 1rem;
|
|
4634
4634
|
line-height: 1.5rem;
|
|
4635
4635
|
}
|
|
4636
|
-
@media screen and (min-width:
|
|
4636
|
+
@media screen and (min-width: 36rem) {
|
|
4637
4637
|
.pkt-heading--xsmall {
|
|
4638
4638
|
letter-spacing: -0.2px;
|
|
4639
4639
|
font-weight: 500;
|
|
@@ -4987,7 +4987,7 @@ pkt-linkcard, .pkt-linkcard {
|
|
|
4987
4987
|
.pkt-linkcard__title > p {
|
|
4988
4988
|
margin: 0;
|
|
4989
4989
|
}
|
|
4990
|
-
@media screen and (min-width:
|
|
4990
|
+
@media screen and (min-width: 36rem) {
|
|
4991
4991
|
.pkt-linkcard__title {
|
|
4992
4992
|
letter-spacing: -0.2px;
|
|
4993
4993
|
font-weight: 500;
|