@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-docs.css
CHANGED
|
@@ -3090,6 +3090,10 @@ strong {
|
|
|
3090
3090
|
/*
|
|
3091
3091
|
* Link
|
|
3092
3092
|
*/
|
|
3093
|
+
pkt-link {
|
|
3094
|
+
display: inline;
|
|
3095
|
+
}
|
|
3096
|
+
|
|
3093
3097
|
a,
|
|
3094
3098
|
.pkt-link-button {
|
|
3095
3099
|
color: var(--pkt-color-text-action-normal);
|
|
@@ -3164,7 +3168,7 @@ a:active, a.pkt-link--active,
|
|
|
3164
3168
|
.pkt-link--external::after {
|
|
3165
3169
|
display: inline-block;
|
|
3166
3170
|
content: " ";
|
|
3167
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
3171
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/new-window-small.svg);
|
|
3168
3172
|
background-image: var(--svg);
|
|
3169
3173
|
background-repeat: no-repeat;
|
|
3170
3174
|
background-size: 18px 18px;
|
|
@@ -3278,6 +3282,12 @@ button.pkt-link {
|
|
|
3278
3282
|
padding-inline: 2rem;
|
|
3279
3283
|
}
|
|
3280
3284
|
}
|
|
3285
|
+
.pkt-grid--inline {
|
|
3286
|
+
display: inline-grid;
|
|
3287
|
+
}
|
|
3288
|
+
.pkt-grid--dense {
|
|
3289
|
+
grid-auto-flow: dense;
|
|
3290
|
+
}
|
|
3281
3291
|
.pkt-grid--full {
|
|
3282
3292
|
max-width: 100%;
|
|
3283
3293
|
}
|
|
@@ -3596,6 +3606,9 @@ button.pkt-link {
|
|
|
3596
3606
|
.pkt-grid > .pkt-cell--bottom, .pkt-grid > * > .pkt-cell--bottom {
|
|
3597
3607
|
align-self: self-end;
|
|
3598
3608
|
}
|
|
3609
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1, .pkt-grid > * > .pkt-cell.pkt-cell--span1 {
|
|
3610
|
+
grid-column-end: span 1;
|
|
3611
|
+
}
|
|
3599
3612
|
.pkt-grid > .pkt-cell.pkt-cell--span2, .pkt-grid > * > .pkt-cell.pkt-cell--span2 {
|
|
3600
3613
|
grid-column-end: span 2;
|
|
3601
3614
|
}
|
|
@@ -3629,6 +3642,84 @@ button.pkt-link {
|
|
|
3629
3642
|
.pkt-grid > .pkt-cell.pkt-cell--span12, .pkt-grid > * > .pkt-cell.pkt-cell--span12 {
|
|
3630
3643
|
grid-column-end: span 12;
|
|
3631
3644
|
}
|
|
3645
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1, .pkt-grid > * > .pkt-cell.pkt-cell--start1 {
|
|
3646
|
+
grid-column-start: 1;
|
|
3647
|
+
}
|
|
3648
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1, .pkt-grid > * > .pkt-cell.pkt-cell--end1 {
|
|
3649
|
+
grid-column-end: 1;
|
|
3650
|
+
}
|
|
3651
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2, .pkt-grid > * > .pkt-cell.pkt-cell--start2 {
|
|
3652
|
+
grid-column-start: 2;
|
|
3653
|
+
}
|
|
3654
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2, .pkt-grid > * > .pkt-cell.pkt-cell--end2 {
|
|
3655
|
+
grid-column-end: 2;
|
|
3656
|
+
}
|
|
3657
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3, .pkt-grid > * > .pkt-cell.pkt-cell--start3 {
|
|
3658
|
+
grid-column-start: 3;
|
|
3659
|
+
}
|
|
3660
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3, .pkt-grid > * > .pkt-cell.pkt-cell--end3 {
|
|
3661
|
+
grid-column-end: 3;
|
|
3662
|
+
}
|
|
3663
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4, .pkt-grid > * > .pkt-cell.pkt-cell--start4 {
|
|
3664
|
+
grid-column-start: 4;
|
|
3665
|
+
}
|
|
3666
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4, .pkt-grid > * > .pkt-cell.pkt-cell--end4 {
|
|
3667
|
+
grid-column-end: 4;
|
|
3668
|
+
}
|
|
3669
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5, .pkt-grid > * > .pkt-cell.pkt-cell--start5 {
|
|
3670
|
+
grid-column-start: 5;
|
|
3671
|
+
}
|
|
3672
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5, .pkt-grid > * > .pkt-cell.pkt-cell--end5 {
|
|
3673
|
+
grid-column-end: 5;
|
|
3674
|
+
}
|
|
3675
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6, .pkt-grid > * > .pkt-cell.pkt-cell--start6 {
|
|
3676
|
+
grid-column-start: 6;
|
|
3677
|
+
}
|
|
3678
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6, .pkt-grid > * > .pkt-cell.pkt-cell--end6 {
|
|
3679
|
+
grid-column-end: 6;
|
|
3680
|
+
}
|
|
3681
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7, .pkt-grid > * > .pkt-cell.pkt-cell--start7 {
|
|
3682
|
+
grid-column-start: 7;
|
|
3683
|
+
}
|
|
3684
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7, .pkt-grid > * > .pkt-cell.pkt-cell--end7 {
|
|
3685
|
+
grid-column-end: 7;
|
|
3686
|
+
}
|
|
3687
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8, .pkt-grid > * > .pkt-cell.pkt-cell--start8 {
|
|
3688
|
+
grid-column-start: 8;
|
|
3689
|
+
}
|
|
3690
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8, .pkt-grid > * > .pkt-cell.pkt-cell--end8 {
|
|
3691
|
+
grid-column-end: 8;
|
|
3692
|
+
}
|
|
3693
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9, .pkt-grid > * > .pkt-cell.pkt-cell--start9 {
|
|
3694
|
+
grid-column-start: 9;
|
|
3695
|
+
}
|
|
3696
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9, .pkt-grid > * > .pkt-cell.pkt-cell--end9 {
|
|
3697
|
+
grid-column-end: 9;
|
|
3698
|
+
}
|
|
3699
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10, .pkt-grid > * > .pkt-cell.pkt-cell--start10 {
|
|
3700
|
+
grid-column-start: 10;
|
|
3701
|
+
}
|
|
3702
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10, .pkt-grid > * > .pkt-cell.pkt-cell--end10 {
|
|
3703
|
+
grid-column-end: 10;
|
|
3704
|
+
}
|
|
3705
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11, .pkt-grid > * > .pkt-cell.pkt-cell--start11 {
|
|
3706
|
+
grid-column-start: 11;
|
|
3707
|
+
}
|
|
3708
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11, .pkt-grid > * > .pkt-cell.pkt-cell--end11 {
|
|
3709
|
+
grid-column-end: 11;
|
|
3710
|
+
}
|
|
3711
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12, .pkt-grid > * > .pkt-cell.pkt-cell--start12 {
|
|
3712
|
+
grid-column-start: 12;
|
|
3713
|
+
}
|
|
3714
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12, .pkt-grid > * > .pkt-cell.pkt-cell--end12 {
|
|
3715
|
+
grid-column-end: 12;
|
|
3716
|
+
}
|
|
3717
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13, .pkt-grid > * > .pkt-cell.pkt-cell--start13 {
|
|
3718
|
+
grid-column-start: 13;
|
|
3719
|
+
}
|
|
3720
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13, .pkt-grid > * > .pkt-cell.pkt-cell--end13 {
|
|
3721
|
+
grid-column-end: 13;
|
|
3722
|
+
}
|
|
3632
3723
|
|
|
3633
3724
|
/*
|
|
3634
3725
|
* Responsiv grid
|
|
@@ -5212,6 +5303,9 @@ button.pkt-link {
|
|
|
5212
5303
|
}
|
|
5213
5304
|
}
|
|
5214
5305
|
@media screen {
|
|
5306
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-mobile-up {
|
|
5307
|
+
grid-column-end: span 1;
|
|
5308
|
+
}
|
|
5215
5309
|
.pkt-grid > .pkt-cell.pkt-cell--span2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-mobile-up {
|
|
5216
5310
|
grid-column-end: span 2;
|
|
5217
5311
|
}
|
|
@@ -5245,8 +5339,89 @@ button.pkt-link {
|
|
|
5245
5339
|
.pkt-grid > .pkt-cell.pkt-cell--span12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-mobile-up {
|
|
5246
5340
|
grid-column-end: span 12;
|
|
5247
5341
|
}
|
|
5342
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-mobile-up {
|
|
5343
|
+
grid-column-start: 1;
|
|
5344
|
+
}
|
|
5345
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-mobile-up {
|
|
5346
|
+
grid-column-end: 1;
|
|
5347
|
+
}
|
|
5348
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-mobile-up {
|
|
5349
|
+
grid-column-start: 2;
|
|
5350
|
+
}
|
|
5351
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-mobile-up {
|
|
5352
|
+
grid-column-end: 2;
|
|
5353
|
+
}
|
|
5354
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-mobile-up {
|
|
5355
|
+
grid-column-start: 3;
|
|
5356
|
+
}
|
|
5357
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-mobile-up {
|
|
5358
|
+
grid-column-end: 3;
|
|
5359
|
+
}
|
|
5360
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-mobile-up {
|
|
5361
|
+
grid-column-start: 4;
|
|
5362
|
+
}
|
|
5363
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-mobile-up {
|
|
5364
|
+
grid-column-end: 4;
|
|
5365
|
+
}
|
|
5366
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-mobile-up {
|
|
5367
|
+
grid-column-start: 5;
|
|
5368
|
+
}
|
|
5369
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-mobile-up {
|
|
5370
|
+
grid-column-end: 5;
|
|
5371
|
+
}
|
|
5372
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-mobile-up {
|
|
5373
|
+
grid-column-start: 6;
|
|
5374
|
+
}
|
|
5375
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-mobile-up {
|
|
5376
|
+
grid-column-end: 6;
|
|
5377
|
+
}
|
|
5378
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-mobile-up {
|
|
5379
|
+
grid-column-start: 7;
|
|
5380
|
+
}
|
|
5381
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-mobile-up {
|
|
5382
|
+
grid-column-end: 7;
|
|
5383
|
+
}
|
|
5384
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-mobile-up {
|
|
5385
|
+
grid-column-start: 8;
|
|
5386
|
+
}
|
|
5387
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-mobile-up {
|
|
5388
|
+
grid-column-end: 8;
|
|
5389
|
+
}
|
|
5390
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-mobile-up {
|
|
5391
|
+
grid-column-start: 9;
|
|
5392
|
+
}
|
|
5393
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-mobile-up {
|
|
5394
|
+
grid-column-end: 9;
|
|
5395
|
+
}
|
|
5396
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-mobile-up {
|
|
5397
|
+
grid-column-start: 10;
|
|
5398
|
+
}
|
|
5399
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-mobile-up {
|
|
5400
|
+
grid-column-end: 10;
|
|
5401
|
+
}
|
|
5402
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-mobile-up {
|
|
5403
|
+
grid-column-start: 11;
|
|
5404
|
+
}
|
|
5405
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-mobile-up {
|
|
5406
|
+
grid-column-end: 11;
|
|
5407
|
+
}
|
|
5408
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-mobile-up {
|
|
5409
|
+
grid-column-start: 12;
|
|
5410
|
+
}
|
|
5411
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-mobile-up {
|
|
5412
|
+
grid-column-end: 12;
|
|
5413
|
+
}
|
|
5414
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-mobile-up {
|
|
5415
|
+
grid-column-start: 13;
|
|
5416
|
+
}
|
|
5417
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-mobile-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-mobile-up {
|
|
5418
|
+
grid-column-end: 13;
|
|
5419
|
+
}
|
|
5248
5420
|
}
|
|
5249
5421
|
@media screen and (min-width: 36rem) {
|
|
5422
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-phablet-up {
|
|
5423
|
+
grid-column-end: span 1;
|
|
5424
|
+
}
|
|
5250
5425
|
.pkt-grid > .pkt-cell.pkt-cell--span2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-phablet-up {
|
|
5251
5426
|
grid-column-end: span 2;
|
|
5252
5427
|
}
|
|
@@ -5280,8 +5455,89 @@ button.pkt-link {
|
|
|
5280
5455
|
.pkt-grid > .pkt-cell.pkt-cell--span12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-phablet-up {
|
|
5281
5456
|
grid-column-end: span 12;
|
|
5282
5457
|
}
|
|
5458
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-phablet-up {
|
|
5459
|
+
grid-column-start: 1;
|
|
5460
|
+
}
|
|
5461
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-phablet-up {
|
|
5462
|
+
grid-column-end: 1;
|
|
5463
|
+
}
|
|
5464
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-phablet-up {
|
|
5465
|
+
grid-column-start: 2;
|
|
5466
|
+
}
|
|
5467
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-phablet-up {
|
|
5468
|
+
grid-column-end: 2;
|
|
5469
|
+
}
|
|
5470
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-phablet-up {
|
|
5471
|
+
grid-column-start: 3;
|
|
5472
|
+
}
|
|
5473
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-phablet-up {
|
|
5474
|
+
grid-column-end: 3;
|
|
5475
|
+
}
|
|
5476
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-phablet-up {
|
|
5477
|
+
grid-column-start: 4;
|
|
5478
|
+
}
|
|
5479
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-phablet-up {
|
|
5480
|
+
grid-column-end: 4;
|
|
5481
|
+
}
|
|
5482
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-phablet-up {
|
|
5483
|
+
grid-column-start: 5;
|
|
5484
|
+
}
|
|
5485
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-phablet-up {
|
|
5486
|
+
grid-column-end: 5;
|
|
5487
|
+
}
|
|
5488
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-phablet-up {
|
|
5489
|
+
grid-column-start: 6;
|
|
5490
|
+
}
|
|
5491
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-phablet-up {
|
|
5492
|
+
grid-column-end: 6;
|
|
5493
|
+
}
|
|
5494
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-phablet-up {
|
|
5495
|
+
grid-column-start: 7;
|
|
5496
|
+
}
|
|
5497
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-phablet-up {
|
|
5498
|
+
grid-column-end: 7;
|
|
5499
|
+
}
|
|
5500
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-phablet-up {
|
|
5501
|
+
grid-column-start: 8;
|
|
5502
|
+
}
|
|
5503
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-phablet-up {
|
|
5504
|
+
grid-column-end: 8;
|
|
5505
|
+
}
|
|
5506
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-phablet-up {
|
|
5507
|
+
grid-column-start: 9;
|
|
5508
|
+
}
|
|
5509
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-phablet-up {
|
|
5510
|
+
grid-column-end: 9;
|
|
5511
|
+
}
|
|
5512
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-phablet-up {
|
|
5513
|
+
grid-column-start: 10;
|
|
5514
|
+
}
|
|
5515
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-phablet-up {
|
|
5516
|
+
grid-column-end: 10;
|
|
5517
|
+
}
|
|
5518
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-phablet-up {
|
|
5519
|
+
grid-column-start: 11;
|
|
5520
|
+
}
|
|
5521
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-phablet-up {
|
|
5522
|
+
grid-column-end: 11;
|
|
5523
|
+
}
|
|
5524
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-phablet-up {
|
|
5525
|
+
grid-column-start: 12;
|
|
5526
|
+
}
|
|
5527
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-phablet-up {
|
|
5528
|
+
grid-column-end: 12;
|
|
5529
|
+
}
|
|
5530
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-phablet-up {
|
|
5531
|
+
grid-column-start: 13;
|
|
5532
|
+
}
|
|
5533
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-phablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-phablet-up {
|
|
5534
|
+
grid-column-end: 13;
|
|
5535
|
+
}
|
|
5283
5536
|
}
|
|
5284
5537
|
@media screen and (min-width: 48rem) {
|
|
5538
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-up {
|
|
5539
|
+
grid-column-end: span 1;
|
|
5540
|
+
}
|
|
5285
5541
|
.pkt-grid > .pkt-cell.pkt-cell--span2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-up {
|
|
5286
5542
|
grid-column-end: span 2;
|
|
5287
5543
|
}
|
|
@@ -5315,8 +5571,89 @@ button.pkt-link {
|
|
|
5315
5571
|
.pkt-grid > .pkt-cell.pkt-cell--span12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-up {
|
|
5316
5572
|
grid-column-end: span 12;
|
|
5317
5573
|
}
|
|
5574
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-up {
|
|
5575
|
+
grid-column-start: 1;
|
|
5576
|
+
}
|
|
5577
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-up {
|
|
5578
|
+
grid-column-end: 1;
|
|
5579
|
+
}
|
|
5580
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-up {
|
|
5581
|
+
grid-column-start: 2;
|
|
5582
|
+
}
|
|
5583
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-up {
|
|
5584
|
+
grid-column-end: 2;
|
|
5585
|
+
}
|
|
5586
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-up {
|
|
5587
|
+
grid-column-start: 3;
|
|
5588
|
+
}
|
|
5589
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-up {
|
|
5590
|
+
grid-column-end: 3;
|
|
5591
|
+
}
|
|
5592
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-up {
|
|
5593
|
+
grid-column-start: 4;
|
|
5594
|
+
}
|
|
5595
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-up {
|
|
5596
|
+
grid-column-end: 4;
|
|
5597
|
+
}
|
|
5598
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-up {
|
|
5599
|
+
grid-column-start: 5;
|
|
5600
|
+
}
|
|
5601
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-up {
|
|
5602
|
+
grid-column-end: 5;
|
|
5603
|
+
}
|
|
5604
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-up {
|
|
5605
|
+
grid-column-start: 6;
|
|
5606
|
+
}
|
|
5607
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-up {
|
|
5608
|
+
grid-column-end: 6;
|
|
5609
|
+
}
|
|
5610
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-up {
|
|
5611
|
+
grid-column-start: 7;
|
|
5612
|
+
}
|
|
5613
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-up {
|
|
5614
|
+
grid-column-end: 7;
|
|
5615
|
+
}
|
|
5616
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-up {
|
|
5617
|
+
grid-column-start: 8;
|
|
5618
|
+
}
|
|
5619
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-up {
|
|
5620
|
+
grid-column-end: 8;
|
|
5621
|
+
}
|
|
5622
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-up {
|
|
5623
|
+
grid-column-start: 9;
|
|
5624
|
+
}
|
|
5625
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-up {
|
|
5626
|
+
grid-column-end: 9;
|
|
5627
|
+
}
|
|
5628
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-up {
|
|
5629
|
+
grid-column-start: 10;
|
|
5630
|
+
}
|
|
5631
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-up {
|
|
5632
|
+
grid-column-end: 10;
|
|
5633
|
+
}
|
|
5634
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-up {
|
|
5635
|
+
grid-column-start: 11;
|
|
5636
|
+
}
|
|
5637
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-up {
|
|
5638
|
+
grid-column-end: 11;
|
|
5639
|
+
}
|
|
5640
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-up {
|
|
5641
|
+
grid-column-start: 12;
|
|
5642
|
+
}
|
|
5643
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-up {
|
|
5644
|
+
grid-column-end: 12;
|
|
5645
|
+
}
|
|
5646
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-up {
|
|
5647
|
+
grid-column-start: 13;
|
|
5648
|
+
}
|
|
5649
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-tablet-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-up {
|
|
5650
|
+
grid-column-end: 13;
|
|
5651
|
+
}
|
|
5318
5652
|
}
|
|
5319
5653
|
@media screen and (min-width: 64rem) {
|
|
5654
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-tablet-big-up {
|
|
5655
|
+
grid-column-end: span 1;
|
|
5656
|
+
}
|
|
5320
5657
|
.pkt-grid > .pkt-cell.pkt-cell--span2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-tablet-big-up {
|
|
5321
5658
|
grid-column-end: span 2;
|
|
5322
5659
|
}
|
|
@@ -5350,8 +5687,89 @@ button.pkt-link {
|
|
|
5350
5687
|
.pkt-grid > .pkt-cell.pkt-cell--span12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-tablet-big-up {
|
|
5351
5688
|
grid-column-end: span 12;
|
|
5352
5689
|
}
|
|
5690
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-tablet-big-up {
|
|
5691
|
+
grid-column-start: 1;
|
|
5692
|
+
}
|
|
5693
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-tablet-big-up {
|
|
5694
|
+
grid-column-end: 1;
|
|
5695
|
+
}
|
|
5696
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-tablet-big-up {
|
|
5697
|
+
grid-column-start: 2;
|
|
5698
|
+
}
|
|
5699
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-tablet-big-up {
|
|
5700
|
+
grid-column-end: 2;
|
|
5701
|
+
}
|
|
5702
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-tablet-big-up {
|
|
5703
|
+
grid-column-start: 3;
|
|
5704
|
+
}
|
|
5705
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-tablet-big-up {
|
|
5706
|
+
grid-column-end: 3;
|
|
5707
|
+
}
|
|
5708
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-tablet-big-up {
|
|
5709
|
+
grid-column-start: 4;
|
|
5710
|
+
}
|
|
5711
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-tablet-big-up {
|
|
5712
|
+
grid-column-end: 4;
|
|
5713
|
+
}
|
|
5714
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-tablet-big-up {
|
|
5715
|
+
grid-column-start: 5;
|
|
5716
|
+
}
|
|
5717
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-tablet-big-up {
|
|
5718
|
+
grid-column-end: 5;
|
|
5719
|
+
}
|
|
5720
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-tablet-big-up {
|
|
5721
|
+
grid-column-start: 6;
|
|
5722
|
+
}
|
|
5723
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-tablet-big-up {
|
|
5724
|
+
grid-column-end: 6;
|
|
5725
|
+
}
|
|
5726
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-tablet-big-up {
|
|
5727
|
+
grid-column-start: 7;
|
|
5728
|
+
}
|
|
5729
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-tablet-big-up {
|
|
5730
|
+
grid-column-end: 7;
|
|
5731
|
+
}
|
|
5732
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-tablet-big-up {
|
|
5733
|
+
grid-column-start: 8;
|
|
5734
|
+
}
|
|
5735
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-tablet-big-up {
|
|
5736
|
+
grid-column-end: 8;
|
|
5737
|
+
}
|
|
5738
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-tablet-big-up {
|
|
5739
|
+
grid-column-start: 9;
|
|
5740
|
+
}
|
|
5741
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-tablet-big-up {
|
|
5742
|
+
grid-column-end: 9;
|
|
5743
|
+
}
|
|
5744
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-tablet-big-up {
|
|
5745
|
+
grid-column-start: 10;
|
|
5746
|
+
}
|
|
5747
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-tablet-big-up {
|
|
5748
|
+
grid-column-end: 10;
|
|
5749
|
+
}
|
|
5750
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-tablet-big-up {
|
|
5751
|
+
grid-column-start: 11;
|
|
5752
|
+
}
|
|
5753
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-tablet-big-up {
|
|
5754
|
+
grid-column-end: 11;
|
|
5755
|
+
}
|
|
5756
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-tablet-big-up {
|
|
5757
|
+
grid-column-start: 12;
|
|
5758
|
+
}
|
|
5759
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-tablet-big-up {
|
|
5760
|
+
grid-column-end: 12;
|
|
5761
|
+
}
|
|
5762
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-tablet-big-up {
|
|
5763
|
+
grid-column-start: 13;
|
|
5764
|
+
}
|
|
5765
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-tablet-big-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-tablet-big-up {
|
|
5766
|
+
grid-column-end: 13;
|
|
5767
|
+
}
|
|
5353
5768
|
}
|
|
5354
5769
|
@media screen and (min-width: 80rem) {
|
|
5770
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-laptop-up {
|
|
5771
|
+
grid-column-end: span 1;
|
|
5772
|
+
}
|
|
5355
5773
|
.pkt-grid > .pkt-cell.pkt-cell--span2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-laptop-up {
|
|
5356
5774
|
grid-column-end: span 2;
|
|
5357
5775
|
}
|
|
@@ -5385,8 +5803,89 @@ button.pkt-link {
|
|
|
5385
5803
|
.pkt-grid > .pkt-cell.pkt-cell--span12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-laptop-up {
|
|
5386
5804
|
grid-column-end: span 12;
|
|
5387
5805
|
}
|
|
5806
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-laptop-up {
|
|
5807
|
+
grid-column-start: 1;
|
|
5808
|
+
}
|
|
5809
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-laptop-up {
|
|
5810
|
+
grid-column-end: 1;
|
|
5811
|
+
}
|
|
5812
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-laptop-up {
|
|
5813
|
+
grid-column-start: 2;
|
|
5814
|
+
}
|
|
5815
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-laptop-up {
|
|
5816
|
+
grid-column-end: 2;
|
|
5817
|
+
}
|
|
5818
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-laptop-up {
|
|
5819
|
+
grid-column-start: 3;
|
|
5820
|
+
}
|
|
5821
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-laptop-up {
|
|
5822
|
+
grid-column-end: 3;
|
|
5823
|
+
}
|
|
5824
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-laptop-up {
|
|
5825
|
+
grid-column-start: 4;
|
|
5826
|
+
}
|
|
5827
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-laptop-up {
|
|
5828
|
+
grid-column-end: 4;
|
|
5829
|
+
}
|
|
5830
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-laptop-up {
|
|
5831
|
+
grid-column-start: 5;
|
|
5832
|
+
}
|
|
5833
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-laptop-up {
|
|
5834
|
+
grid-column-end: 5;
|
|
5835
|
+
}
|
|
5836
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-laptop-up {
|
|
5837
|
+
grid-column-start: 6;
|
|
5838
|
+
}
|
|
5839
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-laptop-up {
|
|
5840
|
+
grid-column-end: 6;
|
|
5841
|
+
}
|
|
5842
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-laptop-up {
|
|
5843
|
+
grid-column-start: 7;
|
|
5844
|
+
}
|
|
5845
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-laptop-up {
|
|
5846
|
+
grid-column-end: 7;
|
|
5847
|
+
}
|
|
5848
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-laptop-up {
|
|
5849
|
+
grid-column-start: 8;
|
|
5850
|
+
}
|
|
5851
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-laptop-up {
|
|
5852
|
+
grid-column-end: 8;
|
|
5853
|
+
}
|
|
5854
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-laptop-up {
|
|
5855
|
+
grid-column-start: 9;
|
|
5856
|
+
}
|
|
5857
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-laptop-up {
|
|
5858
|
+
grid-column-end: 9;
|
|
5859
|
+
}
|
|
5860
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-laptop-up {
|
|
5861
|
+
grid-column-start: 10;
|
|
5862
|
+
}
|
|
5863
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-laptop-up {
|
|
5864
|
+
grid-column-end: 10;
|
|
5865
|
+
}
|
|
5866
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-laptop-up {
|
|
5867
|
+
grid-column-start: 11;
|
|
5868
|
+
}
|
|
5869
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-laptop-up {
|
|
5870
|
+
grid-column-end: 11;
|
|
5871
|
+
}
|
|
5872
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-laptop-up {
|
|
5873
|
+
grid-column-start: 12;
|
|
5874
|
+
}
|
|
5875
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-laptop-up {
|
|
5876
|
+
grid-column-end: 12;
|
|
5877
|
+
}
|
|
5878
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-laptop-up {
|
|
5879
|
+
grid-column-start: 13;
|
|
5880
|
+
}
|
|
5881
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-laptop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-laptop-up {
|
|
5882
|
+
grid-column-end: 13;
|
|
5883
|
+
}
|
|
5388
5884
|
}
|
|
5389
5885
|
@media screen and (min-width: 100rem) {
|
|
5886
|
+
.pkt-grid > .pkt-cell.pkt-cell--span1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span1-desktop-up {
|
|
5887
|
+
grid-column-end: span 1;
|
|
5888
|
+
}
|
|
5390
5889
|
.pkt-grid > .pkt-cell.pkt-cell--span2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span2-desktop-up {
|
|
5391
5890
|
grid-column-end: span 2;
|
|
5392
5891
|
}
|
|
@@ -5420,6 +5919,84 @@ button.pkt-link {
|
|
|
5420
5919
|
.pkt-grid > .pkt-cell.pkt-cell--span12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--span12-desktop-up {
|
|
5421
5920
|
grid-column-end: span 12;
|
|
5422
5921
|
}
|
|
5922
|
+
.pkt-grid > .pkt-cell.pkt-cell--start1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start1-desktop-up {
|
|
5923
|
+
grid-column-start: 1;
|
|
5924
|
+
}
|
|
5925
|
+
.pkt-grid > .pkt-cell.pkt-cell--end1-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end1-desktop-up {
|
|
5926
|
+
grid-column-end: 1;
|
|
5927
|
+
}
|
|
5928
|
+
.pkt-grid > .pkt-cell.pkt-cell--start2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start2-desktop-up {
|
|
5929
|
+
grid-column-start: 2;
|
|
5930
|
+
}
|
|
5931
|
+
.pkt-grid > .pkt-cell.pkt-cell--end2-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end2-desktop-up {
|
|
5932
|
+
grid-column-end: 2;
|
|
5933
|
+
}
|
|
5934
|
+
.pkt-grid > .pkt-cell.pkt-cell--start3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start3-desktop-up {
|
|
5935
|
+
grid-column-start: 3;
|
|
5936
|
+
}
|
|
5937
|
+
.pkt-grid > .pkt-cell.pkt-cell--end3-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end3-desktop-up {
|
|
5938
|
+
grid-column-end: 3;
|
|
5939
|
+
}
|
|
5940
|
+
.pkt-grid > .pkt-cell.pkt-cell--start4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start4-desktop-up {
|
|
5941
|
+
grid-column-start: 4;
|
|
5942
|
+
}
|
|
5943
|
+
.pkt-grid > .pkt-cell.pkt-cell--end4-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end4-desktop-up {
|
|
5944
|
+
grid-column-end: 4;
|
|
5945
|
+
}
|
|
5946
|
+
.pkt-grid > .pkt-cell.pkt-cell--start5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start5-desktop-up {
|
|
5947
|
+
grid-column-start: 5;
|
|
5948
|
+
}
|
|
5949
|
+
.pkt-grid > .pkt-cell.pkt-cell--end5-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end5-desktop-up {
|
|
5950
|
+
grid-column-end: 5;
|
|
5951
|
+
}
|
|
5952
|
+
.pkt-grid > .pkt-cell.pkt-cell--start6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start6-desktop-up {
|
|
5953
|
+
grid-column-start: 6;
|
|
5954
|
+
}
|
|
5955
|
+
.pkt-grid > .pkt-cell.pkt-cell--end6-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end6-desktop-up {
|
|
5956
|
+
grid-column-end: 6;
|
|
5957
|
+
}
|
|
5958
|
+
.pkt-grid > .pkt-cell.pkt-cell--start7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start7-desktop-up {
|
|
5959
|
+
grid-column-start: 7;
|
|
5960
|
+
}
|
|
5961
|
+
.pkt-grid > .pkt-cell.pkt-cell--end7-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end7-desktop-up {
|
|
5962
|
+
grid-column-end: 7;
|
|
5963
|
+
}
|
|
5964
|
+
.pkt-grid > .pkt-cell.pkt-cell--start8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start8-desktop-up {
|
|
5965
|
+
grid-column-start: 8;
|
|
5966
|
+
}
|
|
5967
|
+
.pkt-grid > .pkt-cell.pkt-cell--end8-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end8-desktop-up {
|
|
5968
|
+
grid-column-end: 8;
|
|
5969
|
+
}
|
|
5970
|
+
.pkt-grid > .pkt-cell.pkt-cell--start9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start9-desktop-up {
|
|
5971
|
+
grid-column-start: 9;
|
|
5972
|
+
}
|
|
5973
|
+
.pkt-grid > .pkt-cell.pkt-cell--end9-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end9-desktop-up {
|
|
5974
|
+
grid-column-end: 9;
|
|
5975
|
+
}
|
|
5976
|
+
.pkt-grid > .pkt-cell.pkt-cell--start10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start10-desktop-up {
|
|
5977
|
+
grid-column-start: 10;
|
|
5978
|
+
}
|
|
5979
|
+
.pkt-grid > .pkt-cell.pkt-cell--end10-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end10-desktop-up {
|
|
5980
|
+
grid-column-end: 10;
|
|
5981
|
+
}
|
|
5982
|
+
.pkt-grid > .pkt-cell.pkt-cell--start11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start11-desktop-up {
|
|
5983
|
+
grid-column-start: 11;
|
|
5984
|
+
}
|
|
5985
|
+
.pkt-grid > .pkt-cell.pkt-cell--end11-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end11-desktop-up {
|
|
5986
|
+
grid-column-end: 11;
|
|
5987
|
+
}
|
|
5988
|
+
.pkt-grid > .pkt-cell.pkt-cell--start12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start12-desktop-up {
|
|
5989
|
+
grid-column-start: 12;
|
|
5990
|
+
}
|
|
5991
|
+
.pkt-grid > .pkt-cell.pkt-cell--end12-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end12-desktop-up {
|
|
5992
|
+
grid-column-end: 12;
|
|
5993
|
+
}
|
|
5994
|
+
.pkt-grid > .pkt-cell.pkt-cell--start13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--start13-desktop-up {
|
|
5995
|
+
grid-column-start: 13;
|
|
5996
|
+
}
|
|
5997
|
+
.pkt-grid > .pkt-cell.pkt-cell--end13-desktop-up, .pkt-grid > * > .pkt-cell.pkt-cell--end13-desktop-up {
|
|
5998
|
+
grid-column-end: 13;
|
|
5999
|
+
}
|
|
5423
6000
|
}
|
|
5424
6001
|
|
|
5425
6002
|
.pkt-layout {
|
|
@@ -17386,6 +17963,13 @@ button.pkt-link {
|
|
|
17386
17963
|
* Variant: label-only, icon-left, icon-right, icon-only
|
|
17387
17964
|
* Background: light, dark
|
|
17388
17965
|
*/
|
|
17966
|
+
pkt-button {
|
|
17967
|
+
display: inline-block;
|
|
17968
|
+
}
|
|
17969
|
+
pkt-button[full-width] {
|
|
17970
|
+
display: block;
|
|
17971
|
+
}
|
|
17972
|
+
|
|
17389
17973
|
.pkt-btn__icon svg {
|
|
17390
17974
|
--ring-color: var(--pkt-color-brand-dark-blue-700);
|
|
17391
17975
|
--spinner-color: var(--pkt-color-brand-blue-1000);
|
|
@@ -18032,6 +18616,11 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18032
18616
|
*
|
|
18033
18617
|
*
|
|
18034
18618
|
*/
|
|
18619
|
+
pkt-checkbox,
|
|
18620
|
+
pkt-radiobutton {
|
|
18621
|
+
display: block;
|
|
18622
|
+
}
|
|
18623
|
+
|
|
18035
18624
|
.pkt-input-check {
|
|
18036
18625
|
display: flex;
|
|
18037
18626
|
flex-direction: column;
|
|
@@ -18126,7 +18715,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18126
18715
|
box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-input-border-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
|
|
18127
18716
|
}
|
|
18128
18717
|
.pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
|
|
18129
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
18718
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/minus-sign.svg);
|
|
18130
18719
|
position: relative;
|
|
18131
18720
|
background-color: var(--pkt-color-input-border-normal);
|
|
18132
18721
|
}
|
|
@@ -18152,7 +18741,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18152
18741
|
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
|
|
18153
18742
|
}
|
|
18154
18743
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
18155
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
18744
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
|
|
18156
18745
|
position: relative;
|
|
18157
18746
|
background-color: var(--pkt-color-input-border-normal);
|
|
18158
18747
|
}
|
|
@@ -18210,7 +18799,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18210
18799
|
cursor: not-allowed;
|
|
18211
18800
|
}
|
|
18212
18801
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
18213
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
18802
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/check-medium.svg);
|
|
18214
18803
|
--pkt-color-input-check-border: var(--pkt-color-input-border-normal);
|
|
18215
18804
|
filter: grayscale(100%) brightness(400%);
|
|
18216
18805
|
}
|
|
@@ -18471,7 +19060,7 @@ pkt-select {
|
|
|
18471
19060
|
padding-right: 3rem;
|
|
18472
19061
|
}
|
|
18473
19062
|
.pkt-input:is(select):not([multiple]) {
|
|
18474
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/18.
|
|
19063
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/18.5/icons/chevron-thin-down.svg);
|
|
18475
19064
|
background-image: var(--svg);
|
|
18476
19065
|
background-repeat: no-repeat;
|
|
18477
19066
|
background-position: right 0.7rem top 50%;
|
|
@@ -19596,6 +20185,10 @@ pkt-alert {
|
|
|
19596
20185
|
/*
|
|
19597
20186
|
* Back link component
|
|
19598
20187
|
*/
|
|
20188
|
+
pkt-backlink {
|
|
20189
|
+
display: block;
|
|
20190
|
+
}
|
|
20191
|
+
|
|
19599
20192
|
.pkt-back-link .pkt-link {
|
|
19600
20193
|
display: inline-flex;
|
|
19601
20194
|
align-items: center;
|
|
@@ -19682,6 +20275,10 @@ pkt-alert {
|
|
|
19682
20275
|
/*
|
|
19683
20276
|
* Breadcrumbs component
|
|
19684
20277
|
*/
|
|
20278
|
+
pkt-breadcrumbs {
|
|
20279
|
+
display: block;
|
|
20280
|
+
}
|
|
20281
|
+
|
|
19685
20282
|
.pkt-breadcrumbs {
|
|
19686
20283
|
position: relative;
|
|
19687
20284
|
letter-spacing: -0.2px;
|
|
@@ -19998,15 +20595,9 @@ pkt-card {
|
|
|
19998
20595
|
.pkt-card.pkt-card--padding-none {
|
|
19999
20596
|
padding: 0;
|
|
20000
20597
|
}
|
|
20001
|
-
.pkt-card .pkt-card__heading
|
|
20002
|
-
.pkt-card .pkt-card__heading h2,
|
|
20003
|
-
.pkt-card .pkt-card__heading h3,
|
|
20004
|
-
.pkt-card .pkt-card__heading h4,
|
|
20005
|
-
.pkt-card .pkt-card__heading h5 {
|
|
20598
|
+
.pkt-card.pkt-card .pkt-card__heading {
|
|
20006
20599
|
padding: 0;
|
|
20007
20600
|
margin: 0;
|
|
20008
|
-
font-size: 1.875rem;
|
|
20009
|
-
font-weight: 400;
|
|
20010
20601
|
margin-block-end: 0.5rem;
|
|
20011
20602
|
hyphens: auto;
|
|
20012
20603
|
overflow-wrap: break-word;
|
|
@@ -20016,19 +20607,23 @@ pkt-card {
|
|
|
20016
20607
|
text-underline-offset: 0.15em;
|
|
20017
20608
|
}
|
|
20018
20609
|
.pkt-card p.pkt-card__subheading {
|
|
20610
|
+
letter-spacing: -0.2px;
|
|
20611
|
+
font-weight: 300;
|
|
20612
|
+
font-size: 1.25rem;
|
|
20613
|
+
line-height: 2rem;
|
|
20019
20614
|
padding: 0;
|
|
20020
20615
|
margin: 0;
|
|
20021
|
-
line-height: unset;
|
|
20022
20616
|
margin-block-end: 1rem;
|
|
20023
|
-
font-size: 1.25rem;
|
|
20024
|
-
font-weight: 300;
|
|
20025
20617
|
hyphens: auto;
|
|
20026
20618
|
overflow-wrap: break-word;
|
|
20027
20619
|
}
|
|
20028
20620
|
.pkt-card .pkt-card__metadata {
|
|
20621
|
+
letter-spacing: -0.2px;
|
|
20622
|
+
font-weight: 300;
|
|
20623
|
+
font-size: 1rem;
|
|
20624
|
+
line-height: 1.5rem;
|
|
20029
20625
|
margin-block-start: 1rem;
|
|
20030
20626
|
margin-block-end: 0;
|
|
20031
|
-
line-height: unset;
|
|
20032
20627
|
gap: 0.5rem;
|
|
20033
20628
|
}
|
|
20034
20629
|
.pkt-card .pkt-card__metadata-lead {
|
|
@@ -20077,6 +20672,21 @@ pkt-card {
|
|
|
20077
20672
|
max-height: 400px;
|
|
20078
20673
|
max-width: 400px;
|
|
20079
20674
|
}
|
|
20675
|
+
.pkt-card.pkt-card--zoom .pkt-card__image img {
|
|
20676
|
+
transform: scale(1);
|
|
20677
|
+
transition: transform 0.5s ease-in-out;
|
|
20678
|
+
}
|
|
20679
|
+
.pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
|
|
20680
|
+
transform: scale(1.1);
|
|
20681
|
+
}
|
|
20682
|
+
@media (prefers-reduced-motion: reduce) {
|
|
20683
|
+
.pkt-card.pkt-card--zoom .pkt-card__image img {
|
|
20684
|
+
transition: none;
|
|
20685
|
+
}
|
|
20686
|
+
.pkt-card.pkt-card--zoom:hover .pkt-card__image img, .pkt-card.pkt-card--zoom:focus-within .pkt-card__image img {
|
|
20687
|
+
transform: none;
|
|
20688
|
+
}
|
|
20689
|
+
}
|
|
20080
20690
|
.pkt-card.pkt-card--horizontal .pkt-card__image {
|
|
20081
20691
|
max-width: 400px;
|
|
20082
20692
|
margin-inline-end: 2rem;
|
|
@@ -20106,6 +20716,46 @@ pkt-card {
|
|
|
20106
20716
|
aspect-ratio: 19/10;
|
|
20107
20717
|
}
|
|
20108
20718
|
}
|
|
20719
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto {
|
|
20720
|
+
aspect-ratio: auto;
|
|
20721
|
+
}
|
|
20722
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-auto img {
|
|
20723
|
+
height: auto;
|
|
20724
|
+
}
|
|
20725
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-1-1 {
|
|
20726
|
+
aspect-ratio: 1;
|
|
20727
|
+
}
|
|
20728
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-4-3 {
|
|
20729
|
+
aspect-ratio: 4/3;
|
|
20730
|
+
}
|
|
20731
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-3-2 {
|
|
20732
|
+
aspect-ratio: 3/2;
|
|
20733
|
+
}
|
|
20734
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-16-9 {
|
|
20735
|
+
aspect-ratio: 16/9;
|
|
20736
|
+
}
|
|
20737
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-aspect-19-10 {
|
|
20738
|
+
aspect-ratio: 19/10;
|
|
20739
|
+
}
|
|
20740
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted {
|
|
20741
|
+
aspect-ratio: auto;
|
|
20742
|
+
}
|
|
20743
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
20744
|
+
width: 100%;
|
|
20745
|
+
height: 12.5rem;
|
|
20746
|
+
object-fit: cover;
|
|
20747
|
+
object-position: center;
|
|
20748
|
+
}
|
|
20749
|
+
@media screen and (min-width: 48rem) {
|
|
20750
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
20751
|
+
height: 14.375rem;
|
|
20752
|
+
}
|
|
20753
|
+
}
|
|
20754
|
+
@media screen and (min-width: 64rem) {
|
|
20755
|
+
.pkt-card.pkt-card .pkt-card__image.pkt-card__image-restricted img {
|
|
20756
|
+
height: 18.125rem;
|
|
20757
|
+
}
|
|
20758
|
+
}
|
|
20109
20759
|
.pkt-card .pkt-card__wrapper .pkt-card__link::before {
|
|
20110
20760
|
content: "";
|
|
20111
20761
|
position: absolute;
|
|
@@ -20430,6 +21080,15 @@ pkt-combobox {
|
|
|
20430
21080
|
line-height: 1.375rem;
|
|
20431
21081
|
}
|
|
20432
21082
|
|
|
21083
|
+
pkt-consent {
|
|
21084
|
+
display: inline;
|
|
21085
|
+
}
|
|
21086
|
+
|
|
21087
|
+
pkt-date-tags,
|
|
21088
|
+
pkt-datepicker-popup {
|
|
21089
|
+
display: block;
|
|
21090
|
+
}
|
|
21091
|
+
|
|
20433
21092
|
.pkt-datepicker,
|
|
20434
21093
|
pkt-datepicker {
|
|
20435
21094
|
display: block;
|
|
@@ -21474,6 +22133,11 @@ pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal::backdrop {
|
|
|
21474
22133
|
* --pkt-footer-fg tekstfarge
|
|
21475
22134
|
* --pkt-footer-link-hover hover-farge på lenker (default: text-action-active)
|
|
21476
22135
|
*/
|
|
22136
|
+
pkt-footer,
|
|
22137
|
+
pkt-footer-simple {
|
|
22138
|
+
display: block;
|
|
22139
|
+
}
|
|
22140
|
+
|
|
21477
22141
|
.pkt-footer,
|
|
21478
22142
|
.pkt-footer-simple {
|
|
21479
22143
|
display: block;
|
|
@@ -21757,6 +22421,10 @@ a.pkt-footer-simple__link:hover {
|
|
|
21757
22421
|
/*
|
|
21758
22422
|
* Header component
|
|
21759
22423
|
*/
|
|
22424
|
+
pkt-header {
|
|
22425
|
+
display: block;
|
|
22426
|
+
}
|
|
22427
|
+
|
|
21760
22428
|
.pkt-header {
|
|
21761
22429
|
background-color: var(--pkt-color-background-default);
|
|
21762
22430
|
border-bottom: 1px solid var(--pkt-color-border-subtle);
|
|
@@ -22078,6 +22746,10 @@ a.pkt-footer-simple__link:hover {
|
|
|
22078
22746
|
* `$mobile-height` is the logo height on mobile (the service header drops to
|
|
22079
22747
|
* 32px, the global header to 3.2rem).
|
|
22080
22748
|
*/
|
|
22749
|
+
pkt-header-global {
|
|
22750
|
+
display: block;
|
|
22751
|
+
}
|
|
22752
|
+
|
|
22081
22753
|
.pkt-header-global-spacer {
|
|
22082
22754
|
height: 6.5rem;
|
|
22083
22755
|
}
|
|
@@ -22317,6 +22989,10 @@ a.pkt-footer-simple__link:hover {
|
|
|
22317
22989
|
/*
|
|
22318
22990
|
* Header menu (global mega menu)
|
|
22319
22991
|
*/
|
|
22992
|
+
pkt-header-menu {
|
|
22993
|
+
display: block;
|
|
22994
|
+
}
|
|
22995
|
+
|
|
22320
22996
|
.pkt-header-menu {
|
|
22321
22997
|
display: none;
|
|
22322
22998
|
background-color: var(--pkt-color-background-default);
|
|
@@ -22902,6 +23578,10 @@ a.pkt-footer-simple__link:hover {
|
|
|
22902
23578
|
* override downward. --mobile blocks come after --tablet so they win on
|
|
22903
23579
|
* source order when both are present.
|
|
22904
23580
|
*/
|
|
23581
|
+
pkt-header-service {
|
|
23582
|
+
display: block;
|
|
23583
|
+
}
|
|
23584
|
+
|
|
22905
23585
|
.pkt-header-service-spacer {
|
|
22906
23586
|
height: 6.5rem;
|
|
22907
23587
|
}
|
|
@@ -23384,6 +24064,10 @@ a.pkt-footer-simple__link:hover {
|
|
|
23384
24064
|
/*
|
|
23385
24065
|
* Header User Menu component
|
|
23386
24066
|
*/
|
|
24067
|
+
pkt-header-user-menu {
|
|
24068
|
+
display: block;
|
|
24069
|
+
}
|
|
24070
|
+
|
|
23387
24071
|
.pkt-header-service__user-menu::after {
|
|
23388
24072
|
content: "";
|
|
23389
24073
|
position: absolute;
|
|
@@ -23519,6 +24203,9 @@ pkt-heading {
|
|
|
23519
24203
|
font-weight: 600;
|
|
23520
24204
|
line-height: 1.2;
|
|
23521
24205
|
}
|
|
24206
|
+
.pkt-heading.pkt-heading {
|
|
24207
|
+
margin-block: 0;
|
|
24208
|
+
}
|
|
23522
24209
|
.pkt-heading--xlarge {
|
|
23523
24210
|
letter-spacing: -0.2px;
|
|
23524
24211
|
font-weight: 400;
|
|
@@ -23687,6 +24374,10 @@ pkt-icon > svg {
|
|
|
23687
24374
|
}
|
|
23688
24375
|
|
|
23689
24376
|
/* inputwrapper */
|
|
24377
|
+
pkt-helptext {
|
|
24378
|
+
display: block;
|
|
24379
|
+
}
|
|
24380
|
+
|
|
23690
24381
|
pkt-input-wrapper {
|
|
23691
24382
|
display: block;
|
|
23692
24383
|
}
|
|
@@ -24245,6 +24936,13 @@ pkt-listbox {
|
|
|
24245
24936
|
/*
|
|
24246
24937
|
* Loader component
|
|
24247
24938
|
*/
|
|
24939
|
+
pkt-loader {
|
|
24940
|
+
display: block;
|
|
24941
|
+
}
|
|
24942
|
+
pkt-loader[inline] {
|
|
24943
|
+
display: inline-block;
|
|
24944
|
+
}
|
|
24945
|
+
|
|
24248
24946
|
.pkt-loader {
|
|
24249
24947
|
color: currentColor;
|
|
24250
24948
|
width: fit-content;
|
|
@@ -24381,6 +25079,10 @@ pkt-listbox {
|
|
|
24381
25079
|
/*
|
|
24382
25080
|
* Modal component
|
|
24383
25081
|
*/
|
|
25082
|
+
pkt-modal {
|
|
25083
|
+
display: contents;
|
|
25084
|
+
}
|
|
25085
|
+
|
|
24384
25086
|
.pkt-modal {
|
|
24385
25087
|
border: none;
|
|
24386
25088
|
padding: 0;
|
|
@@ -24778,6 +25480,10 @@ pkt-messagebox {
|
|
|
24778
25480
|
top: -15px;
|
|
24779
25481
|
}
|
|
24780
25482
|
|
|
25483
|
+
pkt-progressbar {
|
|
25484
|
+
display: block;
|
|
25485
|
+
}
|
|
25486
|
+
|
|
24781
25487
|
.pkt-progressbar {
|
|
24782
25488
|
--pkt-progress-width: 0%;
|
|
24783
25489
|
--pkt-progress-label-width: 5rem;
|
|
@@ -24836,6 +25542,10 @@ pkt-messagebox {
|
|
|
24836
25542
|
transition: margin-left 0.5s ease;
|
|
24837
25543
|
}
|
|
24838
25544
|
|
|
25545
|
+
pkt-searchinput {
|
|
25546
|
+
display: block;
|
|
25547
|
+
}
|
|
25548
|
+
|
|
24839
25549
|
.pkt-searchinput {
|
|
24840
25550
|
position: relative;
|
|
24841
25551
|
letter-spacing: -0.2px;
|