@oslokommune/punkt-css 12.34.2 → 12.35.0
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 +36 -0
- package/CONTRIBUTING.md +1 -1
- package/dist/css/components/heading.css +48 -0
- package/dist/css/components/heading.min.css +1 -0
- package/dist/css/components/inputwrapper.css +5 -3
- package/dist/css/components/inputwrapper.min.css +1 -1
- package/dist/css/components/tag.css +5 -0
- package/dist/css/components/tag.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +2 -2
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/elements/input.css +1 -1
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +1 -1
- package/dist/css/elements/select.min.css +1 -1
- package/dist/css/pkt-base.css +111 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +60 -4
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +22391 -0
- package/dist/css/pkt-docs.min.css +1 -0
- package/dist/css/pkt-elements.css +3 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +173 -7
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/abstracts/variables/_typography.scss +14 -0
- package/dist/scss/components/_heading.scss +48 -0
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_inputwrapper.scss +5 -2
- package/dist/scss/components/_tag.scss +6 -0
- package/dist/scss/pkt-docs.scss +113 -0
- package/package.json +7 -4
package/dist/css/pkt-base.css
CHANGED
|
@@ -13973,7 +13973,7 @@ a:active, a.pkt-link--active,
|
|
|
13973
13973
|
.pkt-link--external::after {
|
|
13974
13974
|
display: inline-block;
|
|
13975
13975
|
content: " ";
|
|
13976
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
13976
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.35/icons/new-window-small.svg);
|
|
13977
13977
|
background-image: var(--svg);
|
|
13978
13978
|
background-repeat: no-repeat;
|
|
13979
13979
|
background-size: 18px 18px;
|
|
@@ -14006,6 +14006,13 @@ button.pkt-link {
|
|
|
14006
14006
|
* origo typography
|
|
14007
14007
|
* prefix pkt
|
|
14008
14008
|
*/
|
|
14009
|
+
.pkt-txt-70 {
|
|
14010
|
+
font-size: 4.375rem;
|
|
14011
|
+
font-weight: 400;
|
|
14012
|
+
letter-spacing: -0.4px;
|
|
14013
|
+
line-height: 5.125rem;
|
|
14014
|
+
}
|
|
14015
|
+
|
|
14009
14016
|
.pkt-txt-54 {
|
|
14010
14017
|
font-size: 3.375rem;
|
|
14011
14018
|
font-weight: 400;
|
|
@@ -14013,6 +14020,13 @@ button.pkt-link {
|
|
|
14013
14020
|
line-height: 5.125rem;
|
|
14014
14021
|
}
|
|
14015
14022
|
|
|
14023
|
+
.pkt-txt-48 {
|
|
14024
|
+
font-size: 3rem;
|
|
14025
|
+
font-weight: 400;
|
|
14026
|
+
letter-spacing: -0.2px;
|
|
14027
|
+
line-height: 3.375rem;
|
|
14028
|
+
}
|
|
14029
|
+
|
|
14016
14030
|
.pkt-txt-40 {
|
|
14017
14031
|
font-size: 2.5rem;
|
|
14018
14032
|
font-weight: 400;
|
|
@@ -14386,6 +14400,14 @@ button.pkt-link {
|
|
|
14386
14400
|
font-weight: 700;
|
|
14387
14401
|
}
|
|
14388
14402
|
|
|
14403
|
+
@media screen and (min-width: 0) {
|
|
14404
|
+
.pkt-txt-70--mobile-up {
|
|
14405
|
+
font-size: 4.375rem;
|
|
14406
|
+
font-weight: 400;
|
|
14407
|
+
letter-spacing: -0.4px;
|
|
14408
|
+
line-height: 5.125rem;
|
|
14409
|
+
}
|
|
14410
|
+
}
|
|
14389
14411
|
@media screen and (min-width: 0) {
|
|
14390
14412
|
.pkt-txt-54--mobile-up {
|
|
14391
14413
|
font-size: 3.375rem;
|
|
@@ -14394,6 +14416,14 @@ button.pkt-link {
|
|
|
14394
14416
|
line-height: 5.125rem;
|
|
14395
14417
|
}
|
|
14396
14418
|
}
|
|
14419
|
+
@media screen and (min-width: 0) {
|
|
14420
|
+
.pkt-txt-48--mobile-up {
|
|
14421
|
+
font-size: 3rem;
|
|
14422
|
+
font-weight: 400;
|
|
14423
|
+
letter-spacing: -0.2px;
|
|
14424
|
+
line-height: 3.375rem;
|
|
14425
|
+
}
|
|
14426
|
+
}
|
|
14397
14427
|
@media screen and (min-width: 0) {
|
|
14398
14428
|
.pkt-txt-40--mobile-up {
|
|
14399
14429
|
font-size: 2.5rem;
|
|
@@ -14822,6 +14852,14 @@ button.pkt-link {
|
|
|
14822
14852
|
font-weight: 700;
|
|
14823
14853
|
}
|
|
14824
14854
|
}
|
|
14855
|
+
@media screen and (min-width: 36rem) {
|
|
14856
|
+
.pkt-txt-70--phablet-up {
|
|
14857
|
+
font-size: 4.375rem;
|
|
14858
|
+
font-weight: 400;
|
|
14859
|
+
letter-spacing: -0.4px;
|
|
14860
|
+
line-height: 5.125rem;
|
|
14861
|
+
}
|
|
14862
|
+
}
|
|
14825
14863
|
@media screen and (min-width: 36rem) {
|
|
14826
14864
|
.pkt-txt-54--phablet-up {
|
|
14827
14865
|
font-size: 3.375rem;
|
|
@@ -14830,6 +14868,14 @@ button.pkt-link {
|
|
|
14830
14868
|
line-height: 5.125rem;
|
|
14831
14869
|
}
|
|
14832
14870
|
}
|
|
14871
|
+
@media screen and (min-width: 36rem) {
|
|
14872
|
+
.pkt-txt-48--phablet-up {
|
|
14873
|
+
font-size: 3rem;
|
|
14874
|
+
font-weight: 400;
|
|
14875
|
+
letter-spacing: -0.2px;
|
|
14876
|
+
line-height: 3.375rem;
|
|
14877
|
+
}
|
|
14878
|
+
}
|
|
14833
14879
|
@media screen and (min-width: 36rem) {
|
|
14834
14880
|
.pkt-txt-40--phablet-up {
|
|
14835
14881
|
font-size: 2.5rem;
|
|
@@ -15258,6 +15304,14 @@ button.pkt-link {
|
|
|
15258
15304
|
font-weight: 700;
|
|
15259
15305
|
}
|
|
15260
15306
|
}
|
|
15307
|
+
@media screen and (min-width: 48rem) {
|
|
15308
|
+
.pkt-txt-70--tablet-up {
|
|
15309
|
+
font-size: 4.375rem;
|
|
15310
|
+
font-weight: 400;
|
|
15311
|
+
letter-spacing: -0.4px;
|
|
15312
|
+
line-height: 5.125rem;
|
|
15313
|
+
}
|
|
15314
|
+
}
|
|
15261
15315
|
@media screen and (min-width: 48rem) {
|
|
15262
15316
|
.pkt-txt-54--tablet-up {
|
|
15263
15317
|
font-size: 3.375rem;
|
|
@@ -15266,6 +15320,14 @@ button.pkt-link {
|
|
|
15266
15320
|
line-height: 5.125rem;
|
|
15267
15321
|
}
|
|
15268
15322
|
}
|
|
15323
|
+
@media screen and (min-width: 48rem) {
|
|
15324
|
+
.pkt-txt-48--tablet-up {
|
|
15325
|
+
font-size: 3rem;
|
|
15326
|
+
font-weight: 400;
|
|
15327
|
+
letter-spacing: -0.2px;
|
|
15328
|
+
line-height: 3.375rem;
|
|
15329
|
+
}
|
|
15330
|
+
}
|
|
15269
15331
|
@media screen and (min-width: 48rem) {
|
|
15270
15332
|
.pkt-txt-40--tablet-up {
|
|
15271
15333
|
font-size: 2.5rem;
|
|
@@ -15694,6 +15756,14 @@ button.pkt-link {
|
|
|
15694
15756
|
font-weight: 700;
|
|
15695
15757
|
}
|
|
15696
15758
|
}
|
|
15759
|
+
@media screen and (min-width: 64rem) {
|
|
15760
|
+
.pkt-txt-70--tablet-big-up {
|
|
15761
|
+
font-size: 4.375rem;
|
|
15762
|
+
font-weight: 400;
|
|
15763
|
+
letter-spacing: -0.4px;
|
|
15764
|
+
line-height: 5.125rem;
|
|
15765
|
+
}
|
|
15766
|
+
}
|
|
15697
15767
|
@media screen and (min-width: 64rem) {
|
|
15698
15768
|
.pkt-txt-54--tablet-big-up {
|
|
15699
15769
|
font-size: 3.375rem;
|
|
@@ -15702,6 +15772,14 @@ button.pkt-link {
|
|
|
15702
15772
|
line-height: 5.125rem;
|
|
15703
15773
|
}
|
|
15704
15774
|
}
|
|
15775
|
+
@media screen and (min-width: 64rem) {
|
|
15776
|
+
.pkt-txt-48--tablet-big-up {
|
|
15777
|
+
font-size: 3rem;
|
|
15778
|
+
font-weight: 400;
|
|
15779
|
+
letter-spacing: -0.2px;
|
|
15780
|
+
line-height: 3.375rem;
|
|
15781
|
+
}
|
|
15782
|
+
}
|
|
15705
15783
|
@media screen and (min-width: 64rem) {
|
|
15706
15784
|
.pkt-txt-40--tablet-big-up {
|
|
15707
15785
|
font-size: 2.5rem;
|
|
@@ -16130,6 +16208,14 @@ button.pkt-link {
|
|
|
16130
16208
|
font-weight: 700;
|
|
16131
16209
|
}
|
|
16132
16210
|
}
|
|
16211
|
+
@media screen and (min-width: 80rem) {
|
|
16212
|
+
.pkt-txt-70--laptop-up {
|
|
16213
|
+
font-size: 4.375rem;
|
|
16214
|
+
font-weight: 400;
|
|
16215
|
+
letter-spacing: -0.4px;
|
|
16216
|
+
line-height: 5.125rem;
|
|
16217
|
+
}
|
|
16218
|
+
}
|
|
16133
16219
|
@media screen and (min-width: 80rem) {
|
|
16134
16220
|
.pkt-txt-54--laptop-up {
|
|
16135
16221
|
font-size: 3.375rem;
|
|
@@ -16138,6 +16224,14 @@ button.pkt-link {
|
|
|
16138
16224
|
line-height: 5.125rem;
|
|
16139
16225
|
}
|
|
16140
16226
|
}
|
|
16227
|
+
@media screen and (min-width: 80rem) {
|
|
16228
|
+
.pkt-txt-48--laptop-up {
|
|
16229
|
+
font-size: 3rem;
|
|
16230
|
+
font-weight: 400;
|
|
16231
|
+
letter-spacing: -0.2px;
|
|
16232
|
+
line-height: 3.375rem;
|
|
16233
|
+
}
|
|
16234
|
+
}
|
|
16141
16235
|
@media screen and (min-width: 80rem) {
|
|
16142
16236
|
.pkt-txt-40--laptop-up {
|
|
16143
16237
|
font-size: 2.5rem;
|
|
@@ -16566,6 +16660,14 @@ button.pkt-link {
|
|
|
16566
16660
|
font-weight: 700;
|
|
16567
16661
|
}
|
|
16568
16662
|
}
|
|
16663
|
+
@media screen and (min-width: 100rem) {
|
|
16664
|
+
.pkt-txt-70--desktop-up {
|
|
16665
|
+
font-size: 4.375rem;
|
|
16666
|
+
font-weight: 400;
|
|
16667
|
+
letter-spacing: -0.4px;
|
|
16668
|
+
line-height: 5.125rem;
|
|
16669
|
+
}
|
|
16670
|
+
}
|
|
16569
16671
|
@media screen and (min-width: 100rem) {
|
|
16570
16672
|
.pkt-txt-54--desktop-up {
|
|
16571
16673
|
font-size: 3.375rem;
|
|
@@ -16574,6 +16676,14 @@ button.pkt-link {
|
|
|
16574
16676
|
line-height: 5.125rem;
|
|
16575
16677
|
}
|
|
16576
16678
|
}
|
|
16679
|
+
@media screen and (min-width: 100rem) {
|
|
16680
|
+
.pkt-txt-48--desktop-up {
|
|
16681
|
+
font-size: 3rem;
|
|
16682
|
+
font-weight: 400;
|
|
16683
|
+
letter-spacing: -0.2px;
|
|
16684
|
+
line-height: 3.375rem;
|
|
16685
|
+
}
|
|
16686
|
+
}
|
|
16577
16687
|
@media screen and (min-width: 100rem) {
|
|
16578
16688
|
.pkt-txt-40--desktop-up {
|
|
16579
16689
|
font-size: 2.5rem;
|