@oslokommune/punkt-css 13.6.3 → 13.6.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 +54 -6
- package/dist/css/components/bodytext.min.css +1 -1
- package/dist/css/components/heading.css +91 -11
- package/dist/css/components/heading.min.css +1 -1
- package/dist/css/pkt-base.css +14 -14
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +145 -17
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +159 -31
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +159 -31
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_typography.scss +4 -2
- package/dist/scss/components/_bodytext.scss +27 -3
- package/dist/scss/components/_heading.scss +45 -5
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -14255,7 +14255,7 @@ button.pkt-link {
|
|
|
14255
14255
|
font-size: 4.375rem;
|
|
14256
14256
|
font-weight: 400;
|
|
14257
14257
|
letter-spacing: -0.4px;
|
|
14258
|
-
line-height:
|
|
14258
|
+
line-height: 6.125rem;
|
|
14259
14259
|
}
|
|
14260
14260
|
|
|
14261
14261
|
.pkt-txt-54 {
|
|
@@ -14269,7 +14269,7 @@ button.pkt-link {
|
|
|
14269
14269
|
font-size: 3rem;
|
|
14270
14270
|
font-weight: 400;
|
|
14271
14271
|
letter-spacing: -0.2px;
|
|
14272
|
-
line-height:
|
|
14272
|
+
line-height: 4rem;
|
|
14273
14273
|
}
|
|
14274
14274
|
|
|
14275
14275
|
.pkt-txt-40 {
|
|
@@ -14650,7 +14650,7 @@ button.pkt-link {
|
|
|
14650
14650
|
font-size: 4.375rem;
|
|
14651
14651
|
font-weight: 400;
|
|
14652
14652
|
letter-spacing: -0.4px;
|
|
14653
|
-
line-height:
|
|
14653
|
+
line-height: 6.125rem;
|
|
14654
14654
|
}
|
|
14655
14655
|
}
|
|
14656
14656
|
@media screen and (min-width: 0) {
|
|
@@ -14666,7 +14666,7 @@ button.pkt-link {
|
|
|
14666
14666
|
font-size: 3rem;
|
|
14667
14667
|
font-weight: 400;
|
|
14668
14668
|
letter-spacing: -0.2px;
|
|
14669
|
-
line-height:
|
|
14669
|
+
line-height: 4rem;
|
|
14670
14670
|
}
|
|
14671
14671
|
}
|
|
14672
14672
|
@media screen and (min-width: 0) {
|
|
@@ -15102,7 +15102,7 @@ button.pkt-link {
|
|
|
15102
15102
|
font-size: 4.375rem;
|
|
15103
15103
|
font-weight: 400;
|
|
15104
15104
|
letter-spacing: -0.4px;
|
|
15105
|
-
line-height:
|
|
15105
|
+
line-height: 6.125rem;
|
|
15106
15106
|
}
|
|
15107
15107
|
}
|
|
15108
15108
|
@media screen and (min-width: 36rem) {
|
|
@@ -15118,7 +15118,7 @@ button.pkt-link {
|
|
|
15118
15118
|
font-size: 3rem;
|
|
15119
15119
|
font-weight: 400;
|
|
15120
15120
|
letter-spacing: -0.2px;
|
|
15121
|
-
line-height:
|
|
15121
|
+
line-height: 4rem;
|
|
15122
15122
|
}
|
|
15123
15123
|
}
|
|
15124
15124
|
@media screen and (min-width: 36rem) {
|
|
@@ -15554,7 +15554,7 @@ button.pkt-link {
|
|
|
15554
15554
|
font-size: 4.375rem;
|
|
15555
15555
|
font-weight: 400;
|
|
15556
15556
|
letter-spacing: -0.4px;
|
|
15557
|
-
line-height:
|
|
15557
|
+
line-height: 6.125rem;
|
|
15558
15558
|
}
|
|
15559
15559
|
}
|
|
15560
15560
|
@media screen and (min-width: 48rem) {
|
|
@@ -15570,7 +15570,7 @@ button.pkt-link {
|
|
|
15570
15570
|
font-size: 3rem;
|
|
15571
15571
|
font-weight: 400;
|
|
15572
15572
|
letter-spacing: -0.2px;
|
|
15573
|
-
line-height:
|
|
15573
|
+
line-height: 4rem;
|
|
15574
15574
|
}
|
|
15575
15575
|
}
|
|
15576
15576
|
@media screen and (min-width: 48rem) {
|
|
@@ -16006,7 +16006,7 @@ button.pkt-link {
|
|
|
16006
16006
|
font-size: 4.375rem;
|
|
16007
16007
|
font-weight: 400;
|
|
16008
16008
|
letter-spacing: -0.4px;
|
|
16009
|
-
line-height:
|
|
16009
|
+
line-height: 6.125rem;
|
|
16010
16010
|
}
|
|
16011
16011
|
}
|
|
16012
16012
|
@media screen and (min-width: 64rem) {
|
|
@@ -16022,7 +16022,7 @@ button.pkt-link {
|
|
|
16022
16022
|
font-size: 3rem;
|
|
16023
16023
|
font-weight: 400;
|
|
16024
16024
|
letter-spacing: -0.2px;
|
|
16025
|
-
line-height:
|
|
16025
|
+
line-height: 4rem;
|
|
16026
16026
|
}
|
|
16027
16027
|
}
|
|
16028
16028
|
@media screen and (min-width: 64rem) {
|
|
@@ -16458,7 +16458,7 @@ button.pkt-link {
|
|
|
16458
16458
|
font-size: 4.375rem;
|
|
16459
16459
|
font-weight: 400;
|
|
16460
16460
|
letter-spacing: -0.4px;
|
|
16461
|
-
line-height:
|
|
16461
|
+
line-height: 6.125rem;
|
|
16462
16462
|
}
|
|
16463
16463
|
}
|
|
16464
16464
|
@media screen and (min-width: 80rem) {
|
|
@@ -16474,7 +16474,7 @@ button.pkt-link {
|
|
|
16474
16474
|
font-size: 3rem;
|
|
16475
16475
|
font-weight: 400;
|
|
16476
16476
|
letter-spacing: -0.2px;
|
|
16477
|
-
line-height:
|
|
16477
|
+
line-height: 4rem;
|
|
16478
16478
|
}
|
|
16479
16479
|
}
|
|
16480
16480
|
@media screen and (min-width: 80rem) {
|
|
@@ -16910,7 +16910,7 @@ button.pkt-link {
|
|
|
16910
16910
|
font-size: 4.375rem;
|
|
16911
16911
|
font-weight: 400;
|
|
16912
16912
|
letter-spacing: -0.4px;
|
|
16913
|
-
line-height:
|
|
16913
|
+
line-height: 6.125rem;
|
|
16914
16914
|
}
|
|
16915
16915
|
}
|
|
16916
16916
|
@media screen and (min-width: 100rem) {
|
|
@@ -16926,7 +16926,7 @@ button.pkt-link {
|
|
|
16926
16926
|
font-size: 3rem;
|
|
16927
16927
|
font-weight: 400;
|
|
16928
16928
|
letter-spacing: -0.2px;
|
|
16929
|
-
line-height:
|
|
16929
|
+
line-height: 4rem;
|
|
16930
16930
|
}
|
|
16931
16931
|
}
|
|
16932
16932
|
@media screen and (min-width: 100rem) {
|
|
@@ -19609,20 +19609,68 @@ pkt-alert {
|
|
|
19609
19609
|
.pkt-bodytext--large {
|
|
19610
19610
|
letter-spacing: -0.2px;
|
|
19611
19611
|
font-weight: 300;
|
|
19612
|
-
font-size: 1.
|
|
19613
|
-
line-height:
|
|
19612
|
+
font-size: 1.25rem;
|
|
19613
|
+
line-height: 2rem;
|
|
19614
|
+
}
|
|
19615
|
+
@media screen and (min-width: 35.938rem) {
|
|
19616
|
+
.pkt-bodytext--large {
|
|
19617
|
+
letter-spacing: -0.2px;
|
|
19618
|
+
font-weight: 300;
|
|
19619
|
+
font-size: 1.375rem;
|
|
19620
|
+
line-height: 2.125rem;
|
|
19621
|
+
}
|
|
19622
|
+
}
|
|
19623
|
+
@media screen and (min-width: 48rem) {
|
|
19624
|
+
.pkt-bodytext--large {
|
|
19625
|
+
letter-spacing: -0.2px;
|
|
19626
|
+
font-weight: 300;
|
|
19627
|
+
font-size: 1.5rem;
|
|
19628
|
+
line-height: 2.25rem;
|
|
19629
|
+
}
|
|
19614
19630
|
}
|
|
19615
19631
|
.pkt-bodytext--medium {
|
|
19616
19632
|
letter-spacing: -0.2px;
|
|
19617
19633
|
font-weight: 300;
|
|
19618
|
-
font-size:
|
|
19619
|
-
line-height: 1.
|
|
19634
|
+
font-size: 1rem;
|
|
19635
|
+
line-height: 1.5rem;
|
|
19636
|
+
}
|
|
19637
|
+
@media screen and (min-width: 35.938rem) {
|
|
19638
|
+
.pkt-bodytext--medium {
|
|
19639
|
+
letter-spacing: -0.2px;
|
|
19640
|
+
font-weight: 300;
|
|
19641
|
+
font-size: 1.125rem;
|
|
19642
|
+
line-height: 1.75rem;
|
|
19643
|
+
}
|
|
19644
|
+
}
|
|
19645
|
+
@media screen and (min-width: 48rem) {
|
|
19646
|
+
.pkt-bodytext--medium {
|
|
19647
|
+
letter-spacing: -0.2px;
|
|
19648
|
+
font-weight: 300;
|
|
19649
|
+
font-size: 1.25rem;
|
|
19650
|
+
line-height: 2rem;
|
|
19651
|
+
}
|
|
19620
19652
|
}
|
|
19621
19653
|
.pkt-bodytext--small {
|
|
19622
19654
|
letter-spacing: -0.2px;
|
|
19623
19655
|
font-weight: 300;
|
|
19624
|
-
font-size:
|
|
19625
|
-
line-height: 1.
|
|
19656
|
+
font-size: 0.875rem;
|
|
19657
|
+
line-height: 1.375rem;
|
|
19658
|
+
}
|
|
19659
|
+
@media screen and (min-width: 35.938rem) {
|
|
19660
|
+
.pkt-bodytext--small {
|
|
19661
|
+
letter-spacing: -0.2px;
|
|
19662
|
+
font-weight: 300;
|
|
19663
|
+
font-size: 0.875rem;
|
|
19664
|
+
line-height: 1.375rem;
|
|
19665
|
+
}
|
|
19666
|
+
}
|
|
19667
|
+
@media screen and (min-width: 48rem) {
|
|
19668
|
+
.pkt-bodytext--small {
|
|
19669
|
+
letter-spacing: -0.2px;
|
|
19670
|
+
font-weight: 300;
|
|
19671
|
+
font-size: 1rem;
|
|
19672
|
+
line-height: 1.5rem;
|
|
19673
|
+
}
|
|
19626
19674
|
}
|
|
19627
19675
|
|
|
19628
19676
|
/*
|
|
@@ -20753,34 +20801,114 @@ pkt-heading {
|
|
|
20753
20801
|
line-height: 1.2;
|
|
20754
20802
|
}
|
|
20755
20803
|
.pkt-heading--xlarge {
|
|
20756
|
-
letter-spacing: -0.
|
|
20804
|
+
letter-spacing: -0.2px;
|
|
20757
20805
|
font-weight: 400;
|
|
20758
|
-
font-size:
|
|
20759
|
-
line-height:
|
|
20806
|
+
font-size: 2.5rem;
|
|
20807
|
+
line-height: 3.75rem;
|
|
20808
|
+
}
|
|
20809
|
+
@media screen and (min-width: 35.938rem) {
|
|
20810
|
+
.pkt-heading--xlarge {
|
|
20811
|
+
letter-spacing: -0.4px;
|
|
20812
|
+
font-weight: 400;
|
|
20813
|
+
font-size: 3.375rem;
|
|
20814
|
+
line-height: 5.125rem;
|
|
20815
|
+
}
|
|
20816
|
+
}
|
|
20817
|
+
@media screen and (min-width: 48rem) {
|
|
20818
|
+
.pkt-heading--xlarge {
|
|
20819
|
+
letter-spacing: -0.4px;
|
|
20820
|
+
font-weight: 400;
|
|
20821
|
+
font-size: 4.375rem;
|
|
20822
|
+
line-height: 6.125rem;
|
|
20823
|
+
}
|
|
20760
20824
|
}
|
|
20761
20825
|
.pkt-heading--large {
|
|
20762
20826
|
letter-spacing: -0.2px;
|
|
20763
20827
|
font-weight: 400;
|
|
20764
|
-
font-size:
|
|
20765
|
-
line-height:
|
|
20828
|
+
font-size: 1.75rem;
|
|
20829
|
+
line-height: 2.25rem;
|
|
20830
|
+
}
|
|
20831
|
+
@media screen and (min-width: 35.938rem) {
|
|
20832
|
+
.pkt-heading--large {
|
|
20833
|
+
letter-spacing: -0.2px;
|
|
20834
|
+
font-weight: 400;
|
|
20835
|
+
font-size: 2.25rem;
|
|
20836
|
+
line-height: 3.375rem;
|
|
20837
|
+
}
|
|
20838
|
+
}
|
|
20839
|
+
@media screen and (min-width: 48rem) {
|
|
20840
|
+
.pkt-heading--large {
|
|
20841
|
+
letter-spacing: -0.2px;
|
|
20842
|
+
font-weight: 400;
|
|
20843
|
+
font-size: 3rem;
|
|
20844
|
+
line-height: 4rem;
|
|
20845
|
+
}
|
|
20766
20846
|
}
|
|
20767
20847
|
.pkt-heading--medium {
|
|
20768
20848
|
letter-spacing: -0.2px;
|
|
20769
20849
|
font-weight: 500;
|
|
20770
|
-
font-size: 1.
|
|
20771
|
-
line-height: 2.
|
|
20850
|
+
font-size: 1.5rem;
|
|
20851
|
+
line-height: 2.25rem;
|
|
20852
|
+
}
|
|
20853
|
+
@media screen and (min-width: 35.938rem) {
|
|
20854
|
+
.pkt-heading--medium {
|
|
20855
|
+
letter-spacing: -0.2px;
|
|
20856
|
+
font-weight: 500;
|
|
20857
|
+
font-size: 1.75rem;
|
|
20858
|
+
line-height: 2.25rem;
|
|
20859
|
+
}
|
|
20860
|
+
}
|
|
20861
|
+
@media screen and (min-width: 48rem) {
|
|
20862
|
+
.pkt-heading--medium {
|
|
20863
|
+
letter-spacing: -0.2px;
|
|
20864
|
+
font-weight: 500;
|
|
20865
|
+
font-size: 1.875rem;
|
|
20866
|
+
line-height: 2.75rem;
|
|
20867
|
+
}
|
|
20772
20868
|
}
|
|
20773
20869
|
.pkt-heading--small {
|
|
20774
20870
|
letter-spacing: -0.2px;
|
|
20775
20871
|
font-weight: 500;
|
|
20776
|
-
font-size: 1.
|
|
20777
|
-
line-height:
|
|
20872
|
+
font-size: 1.125rem;
|
|
20873
|
+
line-height: 1.75rem;
|
|
20874
|
+
}
|
|
20875
|
+
@media screen and (min-width: 35.938rem) {
|
|
20876
|
+
.pkt-heading--small {
|
|
20877
|
+
letter-spacing: -0.2px;
|
|
20878
|
+
font-weight: 500;
|
|
20879
|
+
font-size: 1.25rem;
|
|
20880
|
+
line-height: 2rem;
|
|
20881
|
+
}
|
|
20882
|
+
}
|
|
20883
|
+
@media screen and (min-width: 48rem) {
|
|
20884
|
+
.pkt-heading--small {
|
|
20885
|
+
letter-spacing: -0.2px;
|
|
20886
|
+
font-weight: 500;
|
|
20887
|
+
font-size: 1.5rem;
|
|
20888
|
+
line-height: 2.25rem;
|
|
20889
|
+
}
|
|
20778
20890
|
}
|
|
20779
20891
|
.pkt-heading--xsmall {
|
|
20780
20892
|
letter-spacing: -0.2px;
|
|
20781
20893
|
font-weight: 500;
|
|
20782
|
-
font-size:
|
|
20783
|
-
line-height:
|
|
20894
|
+
font-size: 1rem;
|
|
20895
|
+
line-height: 1.5rem;
|
|
20896
|
+
}
|
|
20897
|
+
@media screen and (min-width: 35.938rem) {
|
|
20898
|
+
.pkt-heading--xsmall {
|
|
20899
|
+
letter-spacing: -0.2px;
|
|
20900
|
+
font-weight: 500;
|
|
20901
|
+
font-size: 1.125rem;
|
|
20902
|
+
line-height: 1.75rem;
|
|
20903
|
+
}
|
|
20904
|
+
}
|
|
20905
|
+
@media screen and (min-width: 48rem) {
|
|
20906
|
+
.pkt-heading--xsmall {
|
|
20907
|
+
letter-spacing: -0.2px;
|
|
20908
|
+
font-weight: 500;
|
|
20909
|
+
font-size: 1.375rem;
|
|
20910
|
+
line-height: 2.125rem;
|
|
20911
|
+
}
|
|
20784
20912
|
}
|
|
20785
20913
|
.pkt-heading--noSpacing {
|
|
20786
20914
|
margin-bottom: 0;
|