@oslokommune/punkt-css 18.3.2 → 18.5.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 +25 -0
- package/dist/css/components/backlink.css +4 -0
- package/dist/css/components/backlink.min.css +1 -1
- package/dist/css/components/breadcrumbs.css +4 -0
- package/dist/css/components/breadcrumbs.min.css +1 -1
- package/dist/css/components/card.css +64 -11
- package/dist/css/components/card.min.css +1 -1
- package/dist/css/components/consent.css +3 -0
- package/dist/css/components/consent.min.css +1 -0
- package/dist/css/components/datepicker.css +5 -0
- package/dist/css/components/datepicker.min.css +1 -1
- package/dist/css/components/footer.css +5 -0
- package/dist/css/components/footer.min.css +1 -1
- package/dist/css/components/header-global.css +4 -0
- package/dist/css/components/header-global.min.css +1 -1
- package/dist/css/components/header-menu.css +4 -0
- package/dist/css/components/header-menu.min.css +1 -1
- package/dist/css/components/header-service.css +4 -0
- package/dist/css/components/header-service.min.css +1 -1
- package/dist/css/components/header-user-menu.css +4 -0
- package/dist/css/components/header-user-menu.min.css +1 -1
- package/dist/css/components/header.css +4 -0
- package/dist/css/components/header.min.css +1 -1
- package/dist/css/components/heading.css +3 -0
- package/dist/css/components/heading.min.css +1 -1
- package/dist/css/components/inputwrapper.css +4 -0
- package/dist/css/components/inputwrapper.min.css +1 -1
- package/dist/css/components/loader.css +7 -0
- package/dist/css/components/loader.min.css +1 -1
- package/dist/css/components/modal.css +4 -0
- package/dist/css/components/modal.min.css +1 -1
- package/dist/css/components/progressbar.css +4 -0
- package/dist/css/components/progressbar.min.css +1 -1
- package/dist/css/components/searchinput.css +4 -0
- package/dist/css/components/searchinput.min.css +1 -1
- package/dist/css/elements/button.css +7 -0
- package/dist/css/elements/button.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +8 -3
- 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/pkt-base.css +578 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +132 -11
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +726 -16
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +16 -4
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt-grid.css +87 -0
- package/dist/css/pkt-grid.min.css +1 -1
- package/dist/css/pkt.css +726 -16
- package/dist/css/pkt.layer.css +708 -16
- package/dist/css/pkt.layer.min.css +1 -1
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/base/_grid-responsive.scss +10 -1
- package/dist/scss/base/_grid.scss +19 -1
- package/dist/scss/base/_link.scss +4 -0
- package/dist/scss/components/_backlink.scss +4 -0
- package/dist/scss/components/_breadcrumbs.scss +4 -0
- package/dist/scss/components/_card.scss +96 -19
- package/dist/scss/components/_consent.scss +3 -0
- package/dist/scss/components/_datepicker.scss +5 -0
- package/dist/scss/components/_footer.scss +5 -0
- package/dist/scss/components/_header-global.scss +4 -0
- package/dist/scss/components/_header-menu.scss +4 -0
- package/dist/scss/components/_header-service.scss +4 -0
- package/dist/scss/components/_header-user-menu.scss +4 -0
- package/dist/scss/components/_header.scss +4 -0
- package/dist/scss/components/_heading.scss +7 -0
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_inputwrapper.scss +4 -0
- package/dist/scss/components/_loader.scss +8 -0
- package/dist/scss/components/_modal.scss +4 -0
- package/dist/scss/components/_progressbar.scss +4 -0
- package/dist/scss/components/_searchinput.scss +4 -0
- package/dist/scss/elements/_button.scss +8 -0
- package/dist/scss/elements/_checkbox-radio.scss +5 -0
- package/package.json +2 -2
package/dist/css/pkt.layer.css
CHANGED
|
@@ -2992,6 +2992,9 @@
|
|
|
2992
2992
|
/*
|
|
2993
2993
|
* Link
|
|
2994
2994
|
*/
|
|
2995
|
+
pkt-link {
|
|
2996
|
+
display: inline;
|
|
2997
|
+
}
|
|
2995
2998
|
a,
|
|
2996
2999
|
.pkt-link-button {
|
|
2997
3000
|
color: var(--pkt-color-text-action-normal);
|
|
@@ -3064,7 +3067,7 @@
|
|
|
3064
3067
|
.pkt-link--external::after {
|
|
3065
3068
|
display: inline-block;
|
|
3066
3069
|
content: " ";
|
|
3067
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
3070
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/new-window-small.svg);
|
|
3068
3071
|
background-image: var(--svg);
|
|
3069
3072
|
background-repeat: no-repeat;
|
|
3070
3073
|
background-size: 18px 18px;
|
|
@@ -3174,6 +3177,12 @@
|
|
|
3174
3177
|
padding-inline: 2rem;
|
|
3175
3178
|
}
|
|
3176
3179
|
}
|
|
3180
|
+
.pkt-grid--inline {
|
|
3181
|
+
display: inline-grid;
|
|
3182
|
+
}
|
|
3183
|
+
.pkt-grid--dense {
|
|
3184
|
+
grid-auto-flow: dense;
|
|
3185
|
+
}
|
|
3177
3186
|
.pkt-grid--full {
|
|
3178
3187
|
max-width: 100%;
|
|
3179
3188
|
}
|
|
@@ -3492,6 +3501,9 @@
|
|
|
3492
3501
|
.pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
|
|
3493
3502
|
align-self: self-end;
|
|
3494
3503
|
}
|
|
3504
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1, .pkt-grid > * > .pkt-cell.pkt-cell--span1 {
|
|
3505
|
+
grid-column-end: span 1;
|
|
3506
|
+
}
|
|
3495
3507
|
.pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
|
|
3496
3508
|
grid-column-end: span 2;
|
|
3497
3509
|
}
|
|
@@ -3525,6 +3537,84 @@
|
|
|
3525
3537
|
.pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
|
|
3526
3538
|
grid-column-end: span 12;
|
|
3527
3539
|
}
|
|
3540
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1, .pkt-grid > * > .pkt-cell.pkt-cell--start1 {
|
|
3541
|
+
grid-column-start: 1;
|
|
3542
|
+
}
|
|
3543
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1, .pkt-grid > * > .pkt-cell.pkt-cell--end1 {
|
|
3544
|
+
grid-column-end: 1;
|
|
3545
|
+
}
|
|
3546
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2, .pkt-grid > * > .pkt-cell.pkt-cell--start2 {
|
|
3547
|
+
grid-column-start: 2;
|
|
3548
|
+
}
|
|
3549
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2, .pkt-grid > * > .pkt-cell.pkt-cell--end2 {
|
|
3550
|
+
grid-column-end: 2;
|
|
3551
|
+
}
|
|
3552
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3, .pkt-grid > * > .pkt-cell.pkt-cell--start3 {
|
|
3553
|
+
grid-column-start: 3;
|
|
3554
|
+
}
|
|
3555
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3, .pkt-grid > * > .pkt-cell.pkt-cell--end3 {
|
|
3556
|
+
grid-column-end: 3;
|
|
3557
|
+
}
|
|
3558
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4, .pkt-grid > * > .pkt-cell.pkt-cell--start4 {
|
|
3559
|
+
grid-column-start: 4;
|
|
3560
|
+
}
|
|
3561
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4, .pkt-grid > * > .pkt-cell.pkt-cell--end4 {
|
|
3562
|
+
grid-column-end: 4;
|
|
3563
|
+
}
|
|
3564
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5, .pkt-grid > * > .pkt-cell.pkt-cell--start5 {
|
|
3565
|
+
grid-column-start: 5;
|
|
3566
|
+
}
|
|
3567
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5, .pkt-grid > * > .pkt-cell.pkt-cell--end5 {
|
|
3568
|
+
grid-column-end: 5;
|
|
3569
|
+
}
|
|
3570
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6, .pkt-grid > * > .pkt-cell.pkt-cell--start6 {
|
|
3571
|
+
grid-column-start: 6;
|
|
3572
|
+
}
|
|
3573
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6, .pkt-grid > * > .pkt-cell.pkt-cell--end6 {
|
|
3574
|
+
grid-column-end: 6;
|
|
3575
|
+
}
|
|
3576
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7, .pkt-grid > * > .pkt-cell.pkt-cell--start7 {
|
|
3577
|
+
grid-column-start: 7;
|
|
3578
|
+
}
|
|
3579
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7, .pkt-grid > * > .pkt-cell.pkt-cell--end7 {
|
|
3580
|
+
grid-column-end: 7;
|
|
3581
|
+
}
|
|
3582
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8, .pkt-grid > * > .pkt-cell.pkt-cell--start8 {
|
|
3583
|
+
grid-column-start: 8;
|
|
3584
|
+
}
|
|
3585
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8, .pkt-grid > * > .pkt-cell.pkt-cell--end8 {
|
|
3586
|
+
grid-column-end: 8;
|
|
3587
|
+
}
|
|
3588
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9, .pkt-grid > * > .pkt-cell.pkt-cell--start9 {
|
|
3589
|
+
grid-column-start: 9;
|
|
3590
|
+
}
|
|
3591
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9, .pkt-grid > * > .pkt-cell.pkt-cell--end9 {
|
|
3592
|
+
grid-column-end: 9;
|
|
3593
|
+
}
|
|
3594
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10, .pkt-grid > * > .pkt-cell.pkt-cell--start10 {
|
|
3595
|
+
grid-column-start: 10;
|
|
3596
|
+
}
|
|
3597
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10, .pkt-grid > * > .pkt-cell.pkt-cell--end10 {
|
|
3598
|
+
grid-column-end: 10;
|
|
3599
|
+
}
|
|
3600
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11, .pkt-grid > * > .pkt-cell.pkt-cell--start11 {
|
|
3601
|
+
grid-column-start: 11;
|
|
3602
|
+
}
|
|
3603
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11, .pkt-grid > * > .pkt-cell.pkt-cell--end11 {
|
|
3604
|
+
grid-column-end: 11;
|
|
3605
|
+
}
|
|
3606
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12, .pkt-grid > * > .pkt-cell.pkt-cell--start12 {
|
|
3607
|
+
grid-column-start: 12;
|
|
3608
|
+
}
|
|
3609
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12, .pkt-grid > * > .pkt-cell.pkt-cell--end12 {
|
|
3610
|
+
grid-column-end: 12;
|
|
3611
|
+
}
|
|
3612
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13, .pkt-grid > * > .pkt-cell.pkt-cell--start13 {
|
|
3613
|
+
grid-column-start: 13;
|
|
3614
|
+
}
|
|
3615
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13, .pkt-grid > * > .pkt-cell.pkt-cell--end13 {
|
|
3616
|
+
grid-column-end: 13;
|
|
3617
|
+
}
|
|
3528
3618
|
/*
|
|
3529
3619
|
* Responsiv grid
|
|
3530
3620
|
*/
|
|
@@ -5107,6 +5197,9 @@
|
|
|
5107
5197
|
}
|
|
5108
5198
|
}
|
|
5109
5199
|
@media screen {
|
|
5200
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-mobile-up {
|
|
5201
|
+
grid-column-end: span 1;
|
|
5202
|
+
}
|
|
5110
5203
|
.pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
|
|
5111
5204
|
grid-column-end: span 2;
|
|
5112
5205
|
}
|
|
@@ -5140,8 +5233,89 @@
|
|
|
5140
5233
|
.pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
|
|
5141
5234
|
grid-column-end: span 12;
|
|
5142
5235
|
}
|
|
5236
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-mobile-up {
|
|
5237
|
+
grid-column-start: 1;
|
|
5238
|
+
}
|
|
5239
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-mobile-up {
|
|
5240
|
+
grid-column-end: 1;
|
|
5241
|
+
}
|
|
5242
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-mobile-up {
|
|
5243
|
+
grid-column-start: 2;
|
|
5244
|
+
}
|
|
5245
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-mobile-up {
|
|
5246
|
+
grid-column-end: 2;
|
|
5247
|
+
}
|
|
5248
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-mobile-up {
|
|
5249
|
+
grid-column-start: 3;
|
|
5250
|
+
}
|
|
5251
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-mobile-up {
|
|
5252
|
+
grid-column-end: 3;
|
|
5253
|
+
}
|
|
5254
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-mobile-up {
|
|
5255
|
+
grid-column-start: 4;
|
|
5256
|
+
}
|
|
5257
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-mobile-up {
|
|
5258
|
+
grid-column-end: 4;
|
|
5259
|
+
}
|
|
5260
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-mobile-up {
|
|
5261
|
+
grid-column-start: 5;
|
|
5262
|
+
}
|
|
5263
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-mobile-up {
|
|
5264
|
+
grid-column-end: 5;
|
|
5265
|
+
}
|
|
5266
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-mobile-up {
|
|
5267
|
+
grid-column-start: 6;
|
|
5268
|
+
}
|
|
5269
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-mobile-up {
|
|
5270
|
+
grid-column-end: 6;
|
|
5271
|
+
}
|
|
5272
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-mobile-up {
|
|
5273
|
+
grid-column-start: 7;
|
|
5274
|
+
}
|
|
5275
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-mobile-up {
|
|
5276
|
+
grid-column-end: 7;
|
|
5277
|
+
}
|
|
5278
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-mobile-up {
|
|
5279
|
+
grid-column-start: 8;
|
|
5280
|
+
}
|
|
5281
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-mobile-up {
|
|
5282
|
+
grid-column-end: 8;
|
|
5283
|
+
}
|
|
5284
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-mobile-up {
|
|
5285
|
+
grid-column-start: 9;
|
|
5286
|
+
}
|
|
5287
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-mobile-up {
|
|
5288
|
+
grid-column-end: 9;
|
|
5289
|
+
}
|
|
5290
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-mobile-up {
|
|
5291
|
+
grid-column-start: 10;
|
|
5292
|
+
}
|
|
5293
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-mobile-up {
|
|
5294
|
+
grid-column-end: 10;
|
|
5295
|
+
}
|
|
5296
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-mobile-up {
|
|
5297
|
+
grid-column-start: 11;
|
|
5298
|
+
}
|
|
5299
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-mobile-up {
|
|
5300
|
+
grid-column-end: 11;
|
|
5301
|
+
}
|
|
5302
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-mobile-up {
|
|
5303
|
+
grid-column-start: 12;
|
|
5304
|
+
}
|
|
5305
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-mobile-up {
|
|
5306
|
+
grid-column-end: 12;
|
|
5307
|
+
}
|
|
5308
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-mobile-up {
|
|
5309
|
+
grid-column-start: 13;
|
|
5310
|
+
}
|
|
5311
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-mobile-up {
|
|
5312
|
+
grid-column-end: 13;
|
|
5313
|
+
}
|
|
5143
5314
|
}
|
|
5144
5315
|
@media screen and (min-width: 36rem) {
|
|
5316
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-phablet-up {
|
|
5317
|
+
grid-column-end: span 1;
|
|
5318
|
+
}
|
|
5145
5319
|
.pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
|
|
5146
5320
|
grid-column-end: span 2;
|
|
5147
5321
|
}
|
|
@@ -5175,8 +5349,89 @@
|
|
|
5175
5349
|
.pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
|
|
5176
5350
|
grid-column-end: span 12;
|
|
5177
5351
|
}
|
|
5352
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-phablet-up {
|
|
5353
|
+
grid-column-start: 1;
|
|
5354
|
+
}
|
|
5355
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-phablet-up {
|
|
5356
|
+
grid-column-end: 1;
|
|
5357
|
+
}
|
|
5358
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-phablet-up {
|
|
5359
|
+
grid-column-start: 2;
|
|
5360
|
+
}
|
|
5361
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-phablet-up {
|
|
5362
|
+
grid-column-end: 2;
|
|
5363
|
+
}
|
|
5364
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-phablet-up {
|
|
5365
|
+
grid-column-start: 3;
|
|
5366
|
+
}
|
|
5367
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-phablet-up {
|
|
5368
|
+
grid-column-end: 3;
|
|
5369
|
+
}
|
|
5370
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-phablet-up {
|
|
5371
|
+
grid-column-start: 4;
|
|
5372
|
+
}
|
|
5373
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-phablet-up {
|
|
5374
|
+
grid-column-end: 4;
|
|
5375
|
+
}
|
|
5376
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-phablet-up {
|
|
5377
|
+
grid-column-start: 5;
|
|
5378
|
+
}
|
|
5379
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-phablet-up {
|
|
5380
|
+
grid-column-end: 5;
|
|
5381
|
+
}
|
|
5382
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-phablet-up {
|
|
5383
|
+
grid-column-start: 6;
|
|
5384
|
+
}
|
|
5385
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-phablet-up {
|
|
5386
|
+
grid-column-end: 6;
|
|
5387
|
+
}
|
|
5388
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-phablet-up {
|
|
5389
|
+
grid-column-start: 7;
|
|
5390
|
+
}
|
|
5391
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-phablet-up {
|
|
5392
|
+
grid-column-end: 7;
|
|
5393
|
+
}
|
|
5394
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-phablet-up {
|
|
5395
|
+
grid-column-start: 8;
|
|
5396
|
+
}
|
|
5397
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-phablet-up {
|
|
5398
|
+
grid-column-end: 8;
|
|
5399
|
+
}
|
|
5400
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-phablet-up {
|
|
5401
|
+
grid-column-start: 9;
|
|
5402
|
+
}
|
|
5403
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-phablet-up {
|
|
5404
|
+
grid-column-end: 9;
|
|
5405
|
+
}
|
|
5406
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-phablet-up {
|
|
5407
|
+
grid-column-start: 10;
|
|
5408
|
+
}
|
|
5409
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-phablet-up {
|
|
5410
|
+
grid-column-end: 10;
|
|
5411
|
+
}
|
|
5412
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-phablet-up {
|
|
5413
|
+
grid-column-start: 11;
|
|
5414
|
+
}
|
|
5415
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-phablet-up {
|
|
5416
|
+
grid-column-end: 11;
|
|
5417
|
+
}
|
|
5418
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-phablet-up {
|
|
5419
|
+
grid-column-start: 12;
|
|
5420
|
+
}
|
|
5421
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-phablet-up {
|
|
5422
|
+
grid-column-end: 12;
|
|
5423
|
+
}
|
|
5424
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-phablet-up {
|
|
5425
|
+
grid-column-start: 13;
|
|
5426
|
+
}
|
|
5427
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-phablet-up {
|
|
5428
|
+
grid-column-end: 13;
|
|
5429
|
+
}
|
|
5178
5430
|
}
|
|
5179
5431
|
@media screen and (min-width: 48rem) {
|
|
5432
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-up {
|
|
5433
|
+
grid-column-end: span 1;
|
|
5434
|
+
}
|
|
5180
5435
|
.pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
|
|
5181
5436
|
grid-column-end: span 2;
|
|
5182
5437
|
}
|
|
@@ -5210,8 +5465,89 @@
|
|
|
5210
5465
|
.pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
|
|
5211
5466
|
grid-column-end: span 12;
|
|
5212
5467
|
}
|
|
5468
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-up {
|
|
5469
|
+
grid-column-start: 1;
|
|
5470
|
+
}
|
|
5471
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-up {
|
|
5472
|
+
grid-column-end: 1;
|
|
5473
|
+
}
|
|
5474
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-up {
|
|
5475
|
+
grid-column-start: 2;
|
|
5476
|
+
}
|
|
5477
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-up {
|
|
5478
|
+
grid-column-end: 2;
|
|
5479
|
+
}
|
|
5480
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-up {
|
|
5481
|
+
grid-column-start: 3;
|
|
5482
|
+
}
|
|
5483
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-up {
|
|
5484
|
+
grid-column-end: 3;
|
|
5485
|
+
}
|
|
5486
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-up {
|
|
5487
|
+
grid-column-start: 4;
|
|
5488
|
+
}
|
|
5489
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-up {
|
|
5490
|
+
grid-column-end: 4;
|
|
5491
|
+
}
|
|
5492
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-up {
|
|
5493
|
+
grid-column-start: 5;
|
|
5494
|
+
}
|
|
5495
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-up {
|
|
5496
|
+
grid-column-end: 5;
|
|
5497
|
+
}
|
|
5498
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-up {
|
|
5499
|
+
grid-column-start: 6;
|
|
5500
|
+
}
|
|
5501
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-up {
|
|
5502
|
+
grid-column-end: 6;
|
|
5503
|
+
}
|
|
5504
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-up {
|
|
5505
|
+
grid-column-start: 7;
|
|
5506
|
+
}
|
|
5507
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-up {
|
|
5508
|
+
grid-column-end: 7;
|
|
5509
|
+
}
|
|
5510
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-up {
|
|
5511
|
+
grid-column-start: 8;
|
|
5512
|
+
}
|
|
5513
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-up {
|
|
5514
|
+
grid-column-end: 8;
|
|
5515
|
+
}
|
|
5516
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-up {
|
|
5517
|
+
grid-column-start: 9;
|
|
5518
|
+
}
|
|
5519
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-up {
|
|
5520
|
+
grid-column-end: 9;
|
|
5521
|
+
}
|
|
5522
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-up {
|
|
5523
|
+
grid-column-start: 10;
|
|
5524
|
+
}
|
|
5525
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-up {
|
|
5526
|
+
grid-column-end: 10;
|
|
5527
|
+
}
|
|
5528
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-up {
|
|
5529
|
+
grid-column-start: 11;
|
|
5530
|
+
}
|
|
5531
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-up {
|
|
5532
|
+
grid-column-end: 11;
|
|
5533
|
+
}
|
|
5534
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-up {
|
|
5535
|
+
grid-column-start: 12;
|
|
5536
|
+
}
|
|
5537
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-up {
|
|
5538
|
+
grid-column-end: 12;
|
|
5539
|
+
}
|
|
5540
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-up {
|
|
5541
|
+
grid-column-start: 13;
|
|
5542
|
+
}
|
|
5543
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-up {
|
|
5544
|
+
grid-column-end: 13;
|
|
5545
|
+
}
|
|
5213
5546
|
}
|
|
5214
5547
|
@media screen and (min-width: 64rem) {
|
|
5548
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-big-up {
|
|
5549
|
+
grid-column-end: span 1;
|
|
5550
|
+
}
|
|
5215
5551
|
.pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
|
|
5216
5552
|
grid-column-end: span 2;
|
|
5217
5553
|
}
|
|
@@ -5245,8 +5581,89 @@
|
|
|
5245
5581
|
.pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
|
|
5246
5582
|
grid-column-end: span 12;
|
|
5247
5583
|
}
|
|
5584
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-big-up {
|
|
5585
|
+
grid-column-start: 1;
|
|
5586
|
+
}
|
|
5587
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-big-up {
|
|
5588
|
+
grid-column-end: 1;
|
|
5589
|
+
}
|
|
5590
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-big-up {
|
|
5591
|
+
grid-column-start: 2;
|
|
5592
|
+
}
|
|
5593
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-big-up {
|
|
5594
|
+
grid-column-end: 2;
|
|
5595
|
+
}
|
|
5596
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-big-up {
|
|
5597
|
+
grid-column-start: 3;
|
|
5598
|
+
}
|
|
5599
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-big-up {
|
|
5600
|
+
grid-column-end: 3;
|
|
5601
|
+
}
|
|
5602
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-big-up {
|
|
5603
|
+
grid-column-start: 4;
|
|
5604
|
+
}
|
|
5605
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-big-up {
|
|
5606
|
+
grid-column-end: 4;
|
|
5607
|
+
}
|
|
5608
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-big-up {
|
|
5609
|
+
grid-column-start: 5;
|
|
5610
|
+
}
|
|
5611
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-big-up {
|
|
5612
|
+
grid-column-end: 5;
|
|
5613
|
+
}
|
|
5614
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-big-up {
|
|
5615
|
+
grid-column-start: 6;
|
|
5616
|
+
}
|
|
5617
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-big-up {
|
|
5618
|
+
grid-column-end: 6;
|
|
5619
|
+
}
|
|
5620
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-big-up {
|
|
5621
|
+
grid-column-start: 7;
|
|
5622
|
+
}
|
|
5623
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-big-up {
|
|
5624
|
+
grid-column-end: 7;
|
|
5625
|
+
}
|
|
5626
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-big-up {
|
|
5627
|
+
grid-column-start: 8;
|
|
5628
|
+
}
|
|
5629
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-big-up {
|
|
5630
|
+
grid-column-end: 8;
|
|
5631
|
+
}
|
|
5632
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-big-up {
|
|
5633
|
+
grid-column-start: 9;
|
|
5634
|
+
}
|
|
5635
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-big-up {
|
|
5636
|
+
grid-column-end: 9;
|
|
5637
|
+
}
|
|
5638
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-big-up {
|
|
5639
|
+
grid-column-start: 10;
|
|
5640
|
+
}
|
|
5641
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-big-up {
|
|
5642
|
+
grid-column-end: 10;
|
|
5643
|
+
}
|
|
5644
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-big-up {
|
|
5645
|
+
grid-column-start: 11;
|
|
5646
|
+
}
|
|
5647
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-big-up {
|
|
5648
|
+
grid-column-end: 11;
|
|
5649
|
+
}
|
|
5650
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-big-up {
|
|
5651
|
+
grid-column-start: 12;
|
|
5652
|
+
}
|
|
5653
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-big-up {
|
|
5654
|
+
grid-column-end: 12;
|
|
5655
|
+
}
|
|
5656
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-big-up {
|
|
5657
|
+
grid-column-start: 13;
|
|
5658
|
+
}
|
|
5659
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-big-up {
|
|
5660
|
+
grid-column-end: 13;
|
|
5661
|
+
}
|
|
5248
5662
|
}
|
|
5249
5663
|
@media screen and (min-width: 80rem) {
|
|
5664
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-laptop-up {
|
|
5665
|
+
grid-column-end: span 1;
|
|
5666
|
+
}
|
|
5250
5667
|
.pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
|
|
5251
5668
|
grid-column-end: span 2;
|
|
5252
5669
|
}
|
|
@@ -5280,8 +5697,89 @@
|
|
|
5280
5697
|
.pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
|
|
5281
5698
|
grid-column-end: span 12;
|
|
5282
5699
|
}
|
|
5700
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-laptop-up {
|
|
5701
|
+
grid-column-start: 1;
|
|
5702
|
+
}
|
|
5703
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-laptop-up {
|
|
5704
|
+
grid-column-end: 1;
|
|
5705
|
+
}
|
|
5706
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-laptop-up {
|
|
5707
|
+
grid-column-start: 2;
|
|
5708
|
+
}
|
|
5709
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-laptop-up {
|
|
5710
|
+
grid-column-end: 2;
|
|
5711
|
+
}
|
|
5712
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-laptop-up {
|
|
5713
|
+
grid-column-start: 3;
|
|
5714
|
+
}
|
|
5715
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-laptop-up {
|
|
5716
|
+
grid-column-end: 3;
|
|
5717
|
+
}
|
|
5718
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-laptop-up {
|
|
5719
|
+
grid-column-start: 4;
|
|
5720
|
+
}
|
|
5721
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-laptop-up {
|
|
5722
|
+
grid-column-end: 4;
|
|
5723
|
+
}
|
|
5724
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-laptop-up {
|
|
5725
|
+
grid-column-start: 5;
|
|
5726
|
+
}
|
|
5727
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-laptop-up {
|
|
5728
|
+
grid-column-end: 5;
|
|
5729
|
+
}
|
|
5730
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-laptop-up {
|
|
5731
|
+
grid-column-start: 6;
|
|
5732
|
+
}
|
|
5733
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-laptop-up {
|
|
5734
|
+
grid-column-end: 6;
|
|
5735
|
+
}
|
|
5736
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-laptop-up {
|
|
5737
|
+
grid-column-start: 7;
|
|
5738
|
+
}
|
|
5739
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-laptop-up {
|
|
5740
|
+
grid-column-end: 7;
|
|
5741
|
+
}
|
|
5742
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-laptop-up {
|
|
5743
|
+
grid-column-start: 8;
|
|
5744
|
+
}
|
|
5745
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-laptop-up {
|
|
5746
|
+
grid-column-end: 8;
|
|
5747
|
+
}
|
|
5748
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-laptop-up {
|
|
5749
|
+
grid-column-start: 9;
|
|
5750
|
+
}
|
|
5751
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-laptop-up {
|
|
5752
|
+
grid-column-end: 9;
|
|
5753
|
+
}
|
|
5754
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-laptop-up {
|
|
5755
|
+
grid-column-start: 10;
|
|
5756
|
+
}
|
|
5757
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-laptop-up {
|
|
5758
|
+
grid-column-end: 10;
|
|
5759
|
+
}
|
|
5760
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-laptop-up {
|
|
5761
|
+
grid-column-start: 11;
|
|
5762
|
+
}
|
|
5763
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-laptop-up {
|
|
5764
|
+
grid-column-end: 11;
|
|
5765
|
+
}
|
|
5766
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-laptop-up {
|
|
5767
|
+
grid-column-start: 12;
|
|
5768
|
+
}
|
|
5769
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-laptop-up {
|
|
5770
|
+
grid-column-end: 12;
|
|
5771
|
+
}
|
|
5772
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-laptop-up {
|
|
5773
|
+
grid-column-start: 13;
|
|
5774
|
+
}
|
|
5775
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-laptop-up {
|
|
5776
|
+
grid-column-end: 13;
|
|
5777
|
+
}
|
|
5283
5778
|
}
|
|
5284
5779
|
@media screen and (min-width: 100rem) {
|
|
5780
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-desktop-up {
|
|
5781
|
+
grid-column-end: span 1;
|
|
5782
|
+
}
|
|
5285
5783
|
.pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
|
|
5286
5784
|
grid-column-end: span 2;
|
|
5287
5785
|
}
|
|
@@ -5315,6 +5813,84 @@
|
|
|
5315
5813
|
.pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
|
|
5316
5814
|
grid-column-end: span 12;
|
|
5317
5815
|
}
|
|
5816
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-desktop-up {
|
|
5817
|
+
grid-column-start: 1;
|
|
5818
|
+
}
|
|
5819
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-desktop-up {
|
|
5820
|
+
grid-column-end: 1;
|
|
5821
|
+
}
|
|
5822
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-desktop-up {
|
|
5823
|
+
grid-column-start: 2;
|
|
5824
|
+
}
|
|
5825
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-desktop-up {
|
|
5826
|
+
grid-column-end: 2;
|
|
5827
|
+
}
|
|
5828
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-desktop-up {
|
|
5829
|
+
grid-column-start: 3;
|
|
5830
|
+
}
|
|
5831
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-desktop-up {
|
|
5832
|
+
grid-column-end: 3;
|
|
5833
|
+
}
|
|
5834
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-desktop-up {
|
|
5835
|
+
grid-column-start: 4;
|
|
5836
|
+
}
|
|
5837
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-desktop-up {
|
|
5838
|
+
grid-column-end: 4;
|
|
5839
|
+
}
|
|
5840
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-desktop-up {
|
|
5841
|
+
grid-column-start: 5;
|
|
5842
|
+
}
|
|
5843
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-desktop-up {
|
|
5844
|
+
grid-column-end: 5;
|
|
5845
|
+
}
|
|
5846
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-desktop-up {
|
|
5847
|
+
grid-column-start: 6;
|
|
5848
|
+
}
|
|
5849
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-desktop-up {
|
|
5850
|
+
grid-column-end: 6;
|
|
5851
|
+
}
|
|
5852
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-desktop-up {
|
|
5853
|
+
grid-column-start: 7;
|
|
5854
|
+
}
|
|
5855
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-desktop-up {
|
|
5856
|
+
grid-column-end: 7;
|
|
5857
|
+
}
|
|
5858
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-desktop-up {
|
|
5859
|
+
grid-column-start: 8;
|
|
5860
|
+
}
|
|
5861
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-desktop-up {
|
|
5862
|
+
grid-column-end: 8;
|
|
5863
|
+
}
|
|
5864
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-desktop-up {
|
|
5865
|
+
grid-column-start: 9;
|
|
5866
|
+
}
|
|
5867
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-desktop-up {
|
|
5868
|
+
grid-column-end: 9;
|
|
5869
|
+
}
|
|
5870
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-desktop-up {
|
|
5871
|
+
grid-column-start: 10;
|
|
5872
|
+
}
|
|
5873
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-desktop-up {
|
|
5874
|
+
grid-column-end: 10;
|
|
5875
|
+
}
|
|
5876
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-desktop-up {
|
|
5877
|
+
grid-column-start: 11;
|
|
5878
|
+
}
|
|
5879
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-desktop-up {
|
|
5880
|
+
grid-column-end: 11;
|
|
5881
|
+
}
|
|
5882
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-desktop-up {
|
|
5883
|
+
grid-column-start: 12;
|
|
5884
|
+
}
|
|
5885
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-desktop-up {
|
|
5886
|
+
grid-column-end: 12;
|
|
5887
|
+
}
|
|
5888
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-desktop-up {
|
|
5889
|
+
grid-column-start: 13;
|
|
5890
|
+
}
|
|
5891
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-desktop-up {
|
|
5892
|
+
grid-column-end: 13;
|
|
5893
|
+
}
|
|
5318
5894
|
}
|
|
5319
5895
|
.pkt-layout {
|
|
5320
5896
|
display: grid;
|
|
@@ -16275,6 +16851,12 @@
|
|
|
16275
16851
|
* Variant: label-only, icon-left, icon-right, icon-only
|
|
16276
16852
|
* Background: light, dark
|
|
16277
16853
|
*/
|
|
16854
|
+
pkt-button {
|
|
16855
|
+
display: inline-block;
|
|
16856
|
+
}
|
|
16857
|
+
pkt-button[full-width] {
|
|
16858
|
+
display: block;
|
|
16859
|
+
}
|
|
16278
16860
|
.pkt-btn__icon svg {
|
|
16279
16861
|
--ring-color: var(--pkt-color-brand-dark-blue-700);
|
|
16280
16862
|
--spinner-color: var(--pkt-color-brand-blue-1000);
|
|
@@ -16910,6 +17492,10 @@
|
|
|
16910
17492
|
*
|
|
16911
17493
|
*
|
|
16912
17494
|
*/
|
|
17495
|
+
pkt-checkbox,
|
|
17496
|
+
pkt-radiobutton {
|
|
17497
|
+
display: block;
|
|
17498
|
+
}
|
|
16913
17499
|
.pkt-input-check {
|
|
16914
17500
|
display: flex;
|
|
16915
17501
|
flex-direction: column;
|
|
@@ -17004,7 +17590,7 @@
|
|
|
17004
17590
|
box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-input-border-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
|
|
17005
17591
|
}
|
|
17006
17592
|
.pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
|
|
17007
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
17593
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/minus-sign.svg);
|
|
17008
17594
|
position: relative;
|
|
17009
17595
|
background-color: var(--pkt-color-input-border-normal);
|
|
17010
17596
|
}
|
|
@@ -17030,7 +17616,7 @@
|
|
|
17030
17616
|
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
|
|
17031
17617
|
}
|
|
17032
17618
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
17033
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
17619
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
|
|
17034
17620
|
position: relative;
|
|
17035
17621
|
background-color: var(--pkt-color-input-border-normal);
|
|
17036
17622
|
}
|
|
@@ -17088,7 +17674,7 @@
|
|
|
17088
17674
|
cursor: not-allowed;
|
|
17089
17675
|
}
|
|
17090
17676
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
17091
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
17677
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
|
|
17092
17678
|
--pkt-color-input-check-border: var(--pkt-color-input-border-normal);
|
|
17093
17679
|
filter: grayscale(100%) brightness(400%);
|
|
17094
17680
|
}
|
|
@@ -17338,7 +17924,7 @@
|
|
|
17338
17924
|
padding-right: 3rem;
|
|
17339
17925
|
}
|
|
17340
17926
|
.pkt-input:is(select):not([multiple]) {
|
|
17341
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
17927
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/chevron-thin-down.svg);
|
|
17342
17928
|
background-image: var(--svg);
|
|
17343
17929
|
background-repeat: no-repeat;
|
|
17344
17930
|
background-position: right 0.7rem top 50%;
|
|
@@ -18412,6 +18998,9 @@
|
|
|
18412
18998
|
/*
|
|
18413
18999
|
* Back link component
|
|
18414
19000
|
*/
|
|
19001
|
+
pkt-backlink {
|
|
19002
|
+
display: block;
|
|
19003
|
+
}
|
|
18415
19004
|
.pkt-back-link .pkt-link {
|
|
18416
19005
|
display: inline-flex;
|
|
18417
19006
|
align-items: center;
|
|
@@ -18496,6 +19085,9 @@
|
|
|
18496
19085
|
/*
|
|
18497
19086
|
* Breadcrumbs component
|
|
18498
19087
|
*/
|
|
19088
|
+
pkt-breadcrumbs {
|
|
19089
|
+
display: block;
|
|
19090
|
+
}
|
|
18499
19091
|
.pkt-breadcrumbs {
|
|
18500
19092
|
position: relative;
|
|
18501
19093
|
letter-spacing: -0.2px;
|
|
@@ -18809,15 +19401,9 @@
|
|
|
18809
19401
|
.pkt-card.pkt-card--padding-none {
|
|
18810
19402
|
padding: 0;
|
|
18811
19403
|
}
|
|
18812
|
-
.pkt-card .pkt-card__heading
|
|
18813
|
-
.pkt-card .pkt-card__heading h2,
|
|
18814
|
-
.pkt-card .pkt-card__heading h3,
|
|
18815
|
-
.pkt-card .pkt-card__heading h4,
|
|
18816
|
-
.pkt-card .pkt-card__heading h5 {
|
|
19404
|
+
.pkt-card.pkt-card .pkt-card__heading {
|
|
18817
19405
|
padding: 0;
|
|
18818
19406
|
margin: 0;
|
|
18819
|
-
font-size: 1.875rem;
|
|
18820
|
-
font-weight: 400;
|
|
18821
19407
|
margin-block-end: 0.5rem;
|
|
18822
19408
|
hyphens: auto;
|
|
18823
19409
|
overflow-wrap: break-word;
|
|
@@ -18827,19 +19413,23 @@
|
|
|
18827
19413
|
text-underline-offset: 0.15em;
|
|
18828
19414
|
}
|
|
18829
19415
|
.pkt-card p.pkt-card__subheading {
|
|
19416
|
+
letter-spacing: -0.2px;
|
|
19417
|
+
font-weight: 300;
|
|
19418
|
+
font-size: 1.25rem;
|
|
19419
|
+
line-height: 2rem;
|
|
18830
19420
|
padding: 0;
|
|
18831
19421
|
margin: 0;
|
|
18832
|
-
line-height: unset;
|
|
18833
19422
|
margin-block-end: 1rem;
|
|
18834
|
-
font-size: 1.25rem;
|
|
18835
|
-
font-weight: 300;
|
|
18836
19423
|
hyphens: auto;
|
|
18837
19424
|
overflow-wrap: break-word;
|
|
18838
19425
|
}
|
|
18839
19426
|
.pkt-card .pkt-card__metadata {
|
|
19427
|
+
letter-spacing: -0.2px;
|
|
19428
|
+
font-weight: 300;
|
|
19429
|
+
font-size: 1rem;
|
|
19430
|
+
line-height: 1.5rem;
|
|
18840
19431
|
margin-block-start: 1rem;
|
|
18841
19432
|
margin-block-end: 0;
|
|
18842
|
-
line-height: unset;
|
|
18843
19433
|
gap: 0.5rem;
|
|
18844
19434
|
}
|
|
18845
19435
|
.pkt-card .pkt-card__metadata-lead {
|
|
@@ -18888,6 +19478,21 @@
|
|
|
18888
19478
|
max-height: 400px;
|
|
18889
19479
|
max-width: 400px;
|
|
18890
19480
|
}
|
|
19481
|
+
.pkt-card.pkt-card--zoom .pkt-card__image img {
|
|
19482
|
+
transform: scale(1);
|
|
19483
|
+
transition: transform 0.5s ease-in-out;
|
|
19484
|
+
}
|
|
19485
|
+
.pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
|
|
19486
|
+
transform: scale(1.1);
|
|
19487
|
+
}
|
|
19488
|
+
@media (prefers-reduced-motion: reduce) {
|
|
19489
|
+
.pkt-card.pkt-card--zoom .pkt-card__image img {
|
|
19490
|
+
transition: none;
|
|
19491
|
+
}
|
|
19492
|
+
.pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
|
|
19493
|
+
transform: none;
|
|
19494
|
+
}
|
|
19495
|
+
}
|
|
18891
19496
|
.pkt-card.pkt-card--horizontal .pkt-card__image {
|
|
18892
19497
|
max-width: 400px;
|
|
18893
19498
|
margin-inline-end: 2rem;
|
|
@@ -18917,6 +19522,46 @@
|
|
|
18917
19522
|
aspect-ratio: 19/10;
|
|
18918
19523
|
}
|
|
18919
19524
|
}
|
|
19525
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto {
|
|
19526
|
+
aspect-ratio: auto;
|
|
19527
|
+
}
|
|
19528
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto img {
|
|
19529
|
+
height: auto;
|
|
19530
|
+
}
|
|
19531
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-1-1 {
|
|
19532
|
+
aspect-ratio: 1;
|
|
19533
|
+
}
|
|
19534
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-4-3 {
|
|
19535
|
+
aspect-ratio: 4/3;
|
|
19536
|
+
}
|
|
19537
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-3-2 {
|
|
19538
|
+
aspect-ratio: 3/2;
|
|
19539
|
+
}
|
|
19540
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-16-9 {
|
|
19541
|
+
aspect-ratio: 16/9;
|
|
19542
|
+
}
|
|
19543
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-19-10 {
|
|
19544
|
+
aspect-ratio: 19/10;
|
|
19545
|
+
}
|
|
19546
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted {
|
|
19547
|
+
aspect-ratio: auto;
|
|
19548
|
+
}
|
|
19549
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
19550
|
+
width: 100%;
|
|
19551
|
+
height: 12.5rem;
|
|
19552
|
+
object-fit: cover;
|
|
19553
|
+
object-position: center;
|
|
19554
|
+
}
|
|
19555
|
+
@media screen and (min-width: 48rem) {
|
|
19556
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
19557
|
+
height: 14.375rem;
|
|
19558
|
+
}
|
|
19559
|
+
}
|
|
19560
|
+
@media screen and (min-width: 64rem) {
|
|
19561
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
19562
|
+
height: 18.125rem;
|
|
19563
|
+
}
|
|
19564
|
+
}
|
|
18920
19565
|
.pkt-card .pkt-card__wrapper .pkt-card__link::before {
|
|
18921
19566
|
content: "";
|
|
18922
19567
|
position: absolute;
|
|
@@ -19237,6 +19882,13 @@
|
|
|
19237
19882
|
font-size: 0.875rem;
|
|
19238
19883
|
line-height: 1.375rem;
|
|
19239
19884
|
}
|
|
19885
|
+
pkt-consent {
|
|
19886
|
+
display: inline;
|
|
19887
|
+
}
|
|
19888
|
+
pkt-date-tags,
|
|
19889
|
+
pkt-datepicker-popup {
|
|
19890
|
+
display: block;
|
|
19891
|
+
}
|
|
19240
19892
|
.pkt-datepicker,
|
|
19241
19893
|
pkt-datepicker {
|
|
19242
19894
|
display: block;
|
|
@@ -20255,6 +20907,10 @@
|
|
|
20255
20907
|
* --pkt-footer-fg tekstfarge
|
|
20256
20908
|
* --pkt-footer-link-hover hover-farge på lenker (default: text-action-active)
|
|
20257
20909
|
*/
|
|
20910
|
+
pkt-footer,
|
|
20911
|
+
pkt-footer-simple {
|
|
20912
|
+
display: block;
|
|
20913
|
+
}
|
|
20258
20914
|
.pkt-footer,
|
|
20259
20915
|
.pkt-footer-simple {
|
|
20260
20916
|
display: block;
|
|
@@ -20534,6 +21190,9 @@
|
|
|
20534
21190
|
/*
|
|
20535
21191
|
* Header component
|
|
20536
21192
|
*/
|
|
21193
|
+
pkt-header {
|
|
21194
|
+
display: block;
|
|
21195
|
+
}
|
|
20537
21196
|
.pkt-header {
|
|
20538
21197
|
background-color: var(--pkt-color-background-default);
|
|
20539
21198
|
border-bottom: 1px solid var(--pkt-color-border-subtle);
|
|
@@ -20853,6 +21512,9 @@
|
|
|
20853
21512
|
* `$mobile-height` is the logo height on mobile (the service header drops to
|
|
20854
21513
|
* 32px, the global header to 3.2rem).
|
|
20855
21514
|
*/
|
|
21515
|
+
pkt-header-global {
|
|
21516
|
+
display: block;
|
|
21517
|
+
}
|
|
20856
21518
|
.pkt-header-global-spacer {
|
|
20857
21519
|
height: 6.5rem;
|
|
20858
21520
|
}
|
|
@@ -21089,6 +21751,9 @@
|
|
|
21089
21751
|
/*
|
|
21090
21752
|
* Header menu (global mega menu)
|
|
21091
21753
|
*/
|
|
21754
|
+
pkt-header-menu {
|
|
21755
|
+
display: block;
|
|
21756
|
+
}
|
|
21092
21757
|
.pkt-header-menu {
|
|
21093
21758
|
display: none;
|
|
21094
21759
|
background-color: var(--pkt-color-background-default);
|
|
@@ -21673,6 +22338,9 @@
|
|
|
21673
22338
|
* override downward. --mobile blocks come after --tablet so they win on
|
|
21674
22339
|
* source order when both are present.
|
|
21675
22340
|
*/
|
|
22341
|
+
pkt-header-service {
|
|
22342
|
+
display: block;
|
|
22343
|
+
}
|
|
21676
22344
|
.pkt-header-service-spacer {
|
|
21677
22345
|
height: 6.5rem;
|
|
21678
22346
|
}
|
|
@@ -22150,6 +22818,9 @@
|
|
|
22150
22818
|
/*
|
|
22151
22819
|
* Header User Menu component
|
|
22152
22820
|
*/
|
|
22821
|
+
pkt-header-user-menu {
|
|
22822
|
+
display: block;
|
|
22823
|
+
}
|
|
22153
22824
|
.pkt-header-service__user-menu::after {
|
|
22154
22825
|
content: "";
|
|
22155
22826
|
position: absolute;
|
|
@@ -22281,6 +22952,9 @@
|
|
|
22281
22952
|
font-weight: 600;
|
|
22282
22953
|
line-height: 1.2;
|
|
22283
22954
|
}
|
|
22955
|
+
.pkt-heading.pkt-heading {
|
|
22956
|
+
margin-block: 0;
|
|
22957
|
+
}
|
|
22284
22958
|
.pkt-heading--xlarge {
|
|
22285
22959
|
letter-spacing: -0.2px;
|
|
22286
22960
|
font-weight: 400;
|
|
@@ -22446,6 +23120,9 @@
|
|
|
22446
23120
|
width: 4rem;
|
|
22447
23121
|
}
|
|
22448
23122
|
/* inputwrapper */
|
|
23123
|
+
pkt-helptext {
|
|
23124
|
+
display: block;
|
|
23125
|
+
}
|
|
22449
23126
|
pkt-input-wrapper {
|
|
22450
23127
|
display: block;
|
|
22451
23128
|
}
|
|
@@ -22995,6 +23672,12 @@
|
|
|
22995
23672
|
/*
|
|
22996
23673
|
* Loader component
|
|
22997
23674
|
*/
|
|
23675
|
+
pkt-loader {
|
|
23676
|
+
display: block;
|
|
23677
|
+
}
|
|
23678
|
+
pkt-loader[inline] {
|
|
23679
|
+
display: inline-block;
|
|
23680
|
+
}
|
|
22998
23681
|
.pkt-loader {
|
|
22999
23682
|
color: currentColor;
|
|
23000
23683
|
width: fit-content;
|
|
@@ -23130,6 +23813,9 @@
|
|
|
23130
23813
|
/*
|
|
23131
23814
|
* Modal component
|
|
23132
23815
|
*/
|
|
23816
|
+
pkt-modal {
|
|
23817
|
+
display: contents;
|
|
23818
|
+
}
|
|
23133
23819
|
.pkt-modal {
|
|
23134
23820
|
border: none;
|
|
23135
23821
|
padding: 0;
|
|
@@ -23508,6 +24194,9 @@
|
|
|
23508
24194
|
.pkt-messagebox--compact .pkt-messagebox__close > .pkt-btn {
|
|
23509
24195
|
top: -15px;
|
|
23510
24196
|
}
|
|
24197
|
+
pkt-progressbar {
|
|
24198
|
+
display: block;
|
|
24199
|
+
}
|
|
23511
24200
|
.pkt-progressbar {
|
|
23512
24201
|
--pkt-progress-width: 0%;
|
|
23513
24202
|
--pkt-progress-label-width: 5rem;
|
|
@@ -23565,6 +24254,9 @@
|
|
|
23565
24254
|
margin-inline-start: max(0%, min(100% - var(--pkt-progress-label-width), var(--pkt-progress-width) - var(--pkt-progress-label-width) / 2));
|
|
23566
24255
|
transition: margin-left 0.5s ease;
|
|
23567
24256
|
}
|
|
24257
|
+
pkt-searchinput {
|
|
24258
|
+
display: block;
|
|
24259
|
+
}
|
|
23568
24260
|
.pkt-searchinput {
|
|
23569
24261
|
position: relative;
|
|
23570
24262
|
letter-spacing: -0.2px;
|