@oslokommune/punkt-css 17.0.3 → 17.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/dist/css/components/bodytext.css +3 -3
- package/dist/css/components/bodytext.min.css +1 -1
- package/dist/css/components/breadcrumbs.css +5 -5
- package/dist/css/components/breadcrumbs.min.css +1 -1
- package/dist/css/components/heading.css +5 -5
- package/dist/css/components/heading.min.css +1 -1
- package/dist/css/components/linkcard.css +1 -1
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/elements/section.css +7 -7
- package/dist/css/elements/section.min.css +1 -1
- package/dist/css/pkt-base.css +6434 -7866
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +14 -14
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +6443 -7875
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +7 -7
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +6443 -7875
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/mixins/_breakpoints.scss +22 -7
- package/dist/scss/base/_colors.scss +39 -41
- package/dist/scss/base/_grid.scss +6 -10
- package/dist/scss/base/_spacing.scss +52 -105
- package/dist/scss/base/_typography.scss +5 -8
- package/dist/scss/base/_visibility.scss +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [17.0.5](https://github.com/oslokommune/punkt/compare/17.0.4...17.0.5) (2026-08-13)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Flytt fargehjelpeklasser ut av `:root` (#3582). De hører ikke hjemme der og det legges til unødvendig høy spesifisitet var å legge dem der. `:root` er kun for CSS-variabler.
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## [17.0.4](https://github.com/oslokommune/punkt/compare/17.0.3...17.0.4) (2026-08-13)
|
|
27
|
+
|
|
28
|
+
### ⚠ BREAKING CHANGES
|
|
29
|
+
Ingen
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
Ingen
|
|
33
|
+
|
|
34
|
+
### Bug Fixes
|
|
35
|
+
* Omorganiser media queries så vi har under 50 istedenfor 1000 av dem (#3580).
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Chores
|
|
39
|
+
Ingen
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
|
|
8
44
|
## [17.0.3](https://github.com/oslokommune/punkt/compare/17.0.2...17.0.3) (2026-08-11)
|
|
9
45
|
|
|
10
46
|
### ⚠ BREAKING CHANGES
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
font-size: 1.25rem;
|
|
5
5
|
line-height: 2rem;
|
|
6
6
|
}
|
|
7
|
-
@media screen and (min-width:
|
|
7
|
+
@media screen and (min-width: 36rem) {
|
|
8
8
|
.pkt-bodytext--large {
|
|
9
9
|
letter-spacing: -0.2px;
|
|
10
10
|
font-weight: 300;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
font-size: 1rem;
|
|
27
27
|
line-height: 1.5rem;
|
|
28
28
|
}
|
|
29
|
-
@media screen and (min-width:
|
|
29
|
+
@media screen and (min-width: 36rem) {
|
|
30
30
|
.pkt-bodytext--medium {
|
|
31
31
|
letter-spacing: -0.2px;
|
|
32
32
|
font-weight: 300;
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
font-size: 0.875rem;
|
|
49
49
|
line-height: 1.375rem;
|
|
50
50
|
}
|
|
51
|
-
@media screen and (min-width:
|
|
51
|
+
@media screen and (min-width: 36rem) {
|
|
52
52
|
.pkt-bodytext--small {
|
|
53
53
|
letter-spacing: -0.2px;
|
|
54
54
|
font-weight: 300;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem}@media screen and (min-width:
|
|
1
|
+
.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem}@media screen and (min-width: 36rem){.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}}@media screen and (min-width: 48rem){.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 36rem){.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem}}.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}@media screen and (min-width: 36rem){.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}}@media screen and (min-width: 48rem){.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
border-bottom: 1px solid transparent;
|
|
17
17
|
transition: all 0.4s ease-in-out;
|
|
18
18
|
}
|
|
19
|
-
@media screen and (min-width:
|
|
19
|
+
@media screen and (min-width: 36rem) {
|
|
20
20
|
.pkt-breadcrumbs__list {
|
|
21
21
|
flex-direction: row;
|
|
22
22
|
border-bottom-color: transparent !important;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
width: 100%;
|
|
29
29
|
text-decoration: underline;
|
|
30
30
|
}
|
|
31
|
-
@media screen and (min-width:
|
|
31
|
+
@media screen and (min-width: 36rem) {
|
|
32
32
|
.pkt-breadcrumbs__item {
|
|
33
33
|
display: block;
|
|
34
34
|
width: auto;
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
text-overflow: ellipsis;
|
|
60
60
|
font-weight: 300;
|
|
61
61
|
}
|
|
62
|
-
@media screen and (min-width:
|
|
62
|
+
@media screen and (min-width: 36rem) {
|
|
63
63
|
.pkt-breadcrumbs__text {
|
|
64
64
|
max-width: 120px;
|
|
65
65
|
}
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
.pkt-breadcrumbs--desktop {
|
|
83
83
|
display: none !important;
|
|
84
84
|
}
|
|
85
|
-
@media screen and (min-width:
|
|
85
|
+
@media screen and (min-width: 36rem) {
|
|
86
86
|
.pkt-breadcrumbs--desktop {
|
|
87
87
|
display: inline-flex !important;
|
|
88
88
|
}
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
.pkt-breadcrumbs--mobile {
|
|
91
91
|
display: inline-flex !important;
|
|
92
92
|
}
|
|
93
|
-
@media screen and (min-width:
|
|
93
|
+
@media screen and (min-width: 36rem) {
|
|
94
94
|
.pkt-breadcrumbs--mobile {
|
|
95
95
|
display: none !important;
|
|
96
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-breadcrumbs{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width:
|
|
1
|
+
.pkt-breadcrumbs{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 36rem){.pkt-breadcrumbs__list{flex-direction:row;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__item{position:relative;display:none;width:100%;text-decoration:underline}@media screen and (min-width: 36rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block;text-decoration:none}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__label{display:flex;align-items:center;width:100%;white-space:nowrap}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 36rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-left:.5rem}.pkt-breadcrumbs--desktop{display:none !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--desktop{display:inline-flex !important}}.pkt-breadcrumbs--mobile{display:inline-flex !important}@media screen and (min-width: 36rem){.pkt-breadcrumbs--mobile{display:none !important}}
|
|
@@ -13,7 +13,7 @@ pkt-heading {
|
|
|
13
13
|
font-size: 2.5rem;
|
|
14
14
|
line-height: 3.75rem;
|
|
15
15
|
}
|
|
16
|
-
@media screen and (min-width:
|
|
16
|
+
@media screen and (min-width: 36rem) {
|
|
17
17
|
.pkt-heading--xlarge {
|
|
18
18
|
letter-spacing: -0.4px;
|
|
19
19
|
font-weight: 400;
|
|
@@ -35,7 +35,7 @@ pkt-heading {
|
|
|
35
35
|
font-size: 1.75rem;
|
|
36
36
|
line-height: 2.25rem;
|
|
37
37
|
}
|
|
38
|
-
@media screen and (min-width:
|
|
38
|
+
@media screen and (min-width: 36rem) {
|
|
39
39
|
.pkt-heading--large {
|
|
40
40
|
letter-spacing: -0.2px;
|
|
41
41
|
font-weight: 400;
|
|
@@ -57,7 +57,7 @@ pkt-heading {
|
|
|
57
57
|
font-size: 1.5rem;
|
|
58
58
|
line-height: 2.25rem;
|
|
59
59
|
}
|
|
60
|
-
@media screen and (min-width:
|
|
60
|
+
@media screen and (min-width: 36rem) {
|
|
61
61
|
.pkt-heading--medium {
|
|
62
62
|
letter-spacing: -0.2px;
|
|
63
63
|
font-weight: 500;
|
|
@@ -79,7 +79,7 @@ pkt-heading {
|
|
|
79
79
|
font-size: 1.125rem;
|
|
80
80
|
line-height: 1.75rem;
|
|
81
81
|
}
|
|
82
|
-
@media screen and (min-width:
|
|
82
|
+
@media screen and (min-width: 36rem) {
|
|
83
83
|
.pkt-heading--small {
|
|
84
84
|
letter-spacing: -0.2px;
|
|
85
85
|
font-weight: 500;
|
|
@@ -101,7 +101,7 @@ pkt-heading {
|
|
|
101
101
|
font-size: 1rem;
|
|
102
102
|
line-height: 1.5rem;
|
|
103
103
|
}
|
|
104
|
-
@media screen and (min-width:
|
|
104
|
+
@media screen and (min-width: 36rem) {
|
|
105
105
|
.pkt-heading--xsmall {
|
|
106
106
|
letter-spacing: -0.2px;
|
|
107
107
|
font-weight: 500;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width:
|
|
1
|
+
pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width: 36rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:3.375rem;line-height:5.125rem}}@media screen and (min-width: 48rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:4.375rem;line-height:6.125rem}}.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:1.75rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:2.25rem;line-height:3.375rem}}@media screen and (min-width: 48rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:3rem;line-height:4rem}}.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}@media screen and (min-width: 36rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.75rem;line-height:2.25rem}}@media screen and (min-width: 48rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.875rem;line-height:2.75rem}}.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 36rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}}@media screen and (min-width: 48rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 36rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-heading--fw-light{font-weight:300}.pkt-heading--fw-regular{font-weight:400}.pkt-heading--fw-medium{font-weight:500}.pkt-heading--fw-bold{font-weight:700}.pkt-heading--noSpacing{margin-bottom:0;margin-top:0}.pkt-heading--start{text-align:start}.pkt-heading--end{text-align:end}.pkt-heading--center{text-align:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pkt-linkcard,.pkt-linkcard{display:block}.pkt-linkcard{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center;padding:1rem;text-decoration:none;width:100%;height:100%;transition:background-color .2s linear}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline;text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{grid-column:2;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width:
|
|
1
|
+
pkt-linkcard,.pkt-linkcard{display:block}.pkt-linkcard{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:center;padding:1rem;text-decoration:none;width:100%;height:100%;transition:background-color .2s linear}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline;text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{grid-column:2;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 36rem){.pkt-linkcard__title{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external{display:inline-flex}.pkt-linkcard__title.pkt-link--external::after{height:2.25rem;width:1.5rem;background-size:1.5rem 1.5rem;background-position:center;margin-left:.5rem;flex:0 0 auto;align-self:flex-start}.pkt-linkcard>.pkt-icon.pkt-link__icon,.pkt-linkcard pkt-icon.pkt-link__icon{margin-right:0}.pkt-linkcard__text{grid-column:2}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard--beige{background-color:var(--pkt-color-surface-default-light-beige) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--beige:hover,.pkt-linkcard--beige:focus,.pkt-linkcard--beige:focus-visible,.pkt-linkcard--beige:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--blue{background-color:var(--pkt-color-surface-subtle-pale-blue) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--blue:hover{background-color:var(--pkt-color-surface-default-light-blue) !important}.pkt-linkcard--blue:hover,.pkt-linkcard--blue:focus,.pkt-linkcard--blue:focus-visible,.pkt-linkcard--blue:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey,.pkt-linkcard--gray{background-color:var(--pkt-color-surface-default-gray) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--gray:hover{background-color:var(--pkt-color-surface-strong-gray) !important}.pkt-linkcard--grey:hover,.pkt-linkcard--grey:focus,.pkt-linkcard--grey:focus-visible,.pkt-linkcard--grey:active,.pkt-linkcard--gray:hover,.pkt-linkcard--gray:focus,.pkt-linkcard--gray:focus-visible,.pkt-linkcard--gray:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--green{background-color:var(--pkt-color-surface-default-faded-green) !important;color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--green:hover{background-color:var(--pkt-color-surface-strong-light-green) !important}.pkt-linkcard--green:hover,.pkt-linkcard--green:focus,.pkt-linkcard--green:focus-visible,.pkt-linkcard--green:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--grey-outline,.pkt-linkcard--gray-outline{border:4px solid var(--pkt-color-border-subtle) !important}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige) !important}[data-mode=dark] .pkt-linkcard .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2190%) hue-rotate(285deg) brightness(109%) contrast(100%)}[data-mode=dark] .pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(93%) sepia(91%) saturate(6664%) hue-rotate(169deg) brightness(103%) contrast(107%)}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external::after,.pkt-linkcard--blue .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}[data-mode=dark] .pkt-linkcard--beige .pkt-link--external:hover::after,.pkt-linkcard--blue .pkt-link--external:hover::after{filter:brightness(0) saturate(100%) invert(14%) sepia(64%) saturate(913%) hue-rotate(210deg) brightness(91%) contrast(95%) !important}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
padding: 0.75rem;
|
|
13
13
|
background-color: #2a2859;
|
|
14
14
|
}
|
|
15
|
-
@media screen and (min-width:
|
|
15
|
+
@media screen and (min-width: 36rem) {
|
|
16
16
|
.pkt-section--dark {
|
|
17
17
|
padding: 1rem;
|
|
18
18
|
}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
padding: 0.75rem;
|
|
45
45
|
background-color: #ff8274;
|
|
46
46
|
}
|
|
47
|
-
@media screen and (min-width:
|
|
47
|
+
@media screen and (min-width: 36rem) {
|
|
48
48
|
.pkt-section--danger {
|
|
49
49
|
padding: 1rem;
|
|
50
50
|
}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
padding: 0.75rem;
|
|
77
77
|
background-color: #f2f2f2;
|
|
78
78
|
}
|
|
79
|
-
@media screen and (min-width:
|
|
79
|
+
@media screen and (min-width: 36rem) {
|
|
80
80
|
.pkt-section--gray,
|
|
81
81
|
.pkt-section--grey {
|
|
82
82
|
padding: 1rem;
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
padding: 0.75rem;
|
|
109
109
|
background-color: #43f8b6;
|
|
110
110
|
}
|
|
111
|
-
@media screen and (min-width:
|
|
111
|
+
@media screen and (min-width: 36rem) {
|
|
112
112
|
.pkt-section--success {
|
|
113
113
|
padding: 1rem;
|
|
114
114
|
}
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
padding: 0.75rem;
|
|
140
140
|
background-color: #f9c66b;
|
|
141
141
|
}
|
|
142
|
-
@media screen and (min-width:
|
|
142
|
+
@media screen and (min-width: 36rem) {
|
|
143
143
|
.pkt-section--warning {
|
|
144
144
|
padding: 1rem;
|
|
145
145
|
}
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
padding: 0.75rem;
|
|
168
168
|
background-color: #b3f5ff;
|
|
169
169
|
}
|
|
170
|
-
@media screen and (min-width:
|
|
170
|
+
@media screen and (min-width: 36rem) {
|
|
171
171
|
.pkt-section--info {
|
|
172
172
|
padding: 1rem;
|
|
173
173
|
}
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
padding: 0.75rem;
|
|
200
200
|
background-color: white;
|
|
201
201
|
}
|
|
202
|
-
@media screen and (min-width:
|
|
202
|
+
@media screen and (min-width: 36rem) {
|
|
203
203
|
.pkt-section--frame {
|
|
204
204
|
padding: 1rem;
|
|
205
205
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-section{margin:1rem 0}.pkt-section--dark{color:#fff;margin:1rem 0;padding:.75rem;background-color:#2a2859}@media screen and (min-width:
|
|
1
|
+
.pkt-section{margin:1rem 0}.pkt-section--dark{color:#fff;margin:1rem 0;padding:.75rem;background-color:#2a2859}@media screen and (min-width: 36rem){.pkt-section--dark{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--dark{padding:1.5rem}}.pkt-section--dark a.pkt-btn--ter{color:#fff}.pkt-section--danger{color:#000;margin:1rem 0;padding:.75rem;background-color:#ff8274}@media screen and (min-width: 36rem){.pkt-section--danger{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--danger{padding:1.5rem}}.pkt-section--danger a.pkt-btn--ter{color:#000}.pkt-section--gray,.pkt-section--grey{margin:1rem 0;padding:.75rem;background-color:#f2f2f2}@media screen and (min-width: 36rem){.pkt-section--gray,.pkt-section--grey{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--gray,.pkt-section--grey{padding:1.5rem}}.pkt-section--success{color:#000;margin:1rem 0;padding:.75rem;background-color:#43f8b6}@media screen and (min-width: 36rem){.pkt-section--success{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--success{padding:1.5rem}}.pkt-section--success a.pkt-btn--ter{color:#000}.pkt-section--warning{margin:1rem 0;padding:.75rem;background-color:#f9c66b}@media screen and (min-width: 36rem){.pkt-section--warning{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--warning{padding:1.5rem}}.pkt-section--info{margin:1rem 0;padding:.75rem;background-color:#b3f5ff}@media screen and (min-width: 36rem){.pkt-section--info{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--info{padding:1.5rem}}.pkt-section--info a.pkt-btn--ter{color:#000}.pkt-section--frame{border:1px solid #2c2c2c;margin:1rem 0;padding:.75rem;background-color:#fff}@media screen and (min-width: 36rem){.pkt-section--frame{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--frame{padding:1.5rem}}[class*=ok-section-]>[class^=ok-title-]{margin-top:0}.pkt-section--margin-top{margin-top:2.5rem}
|