@oslokommune/punkt-css 4.3.2 → 5.0.1
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 +53 -17
- package/dist/css/components/backlink.css +3 -1
- package/dist/css/components/backlink.min.css +1 -1
- package/dist/css/components/breadcrumbs.css +0 -3
- package/dist/css/components/breadcrumbs.min.css +1 -1
- package/dist/css/components/footer.css +0 -1
- package/dist/css/components/footer.min.css +1 -1
- package/dist/css/components/icon.css +5 -5
- package/dist/css/components/icon.min.css +1 -1
- package/dist/css/components/linkcard.css +6 -3
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/pkt-base.css +5 -7
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +14 -13
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-elements.css +80 -20
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +99 -40
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +13 -15
- package/dist/scss/components/_backlink.scss +4 -1
- package/dist/scss/components/_breadcrumbs.scss +0 -4
- package/dist/scss/components/_footer.scss +6 -5
- package/dist/scss/components/_icon.scss +5 -5
- package/dist/scss/components/_linkcard.scss +12 -7
- package/dist/scss/elements/_checkbox-radio.scss +130 -0
- package/dist/scss/elements/_form.scss +0 -62
- package/dist/scss/elements/_index.scss +9 -8
- package/dist/scss/elements/_select.scss +5 -14
- package/package.json +3 -3
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
|
+
## [5.0.1](https://github.com/oslokommune/punkt/compare/5.0.0...5.0.1) (2023-05-30)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fiks publisering til gh packages.
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## [5.0.0](https://github.com/oslokommune/punkt/compare/4.3.2...5.0.0) (2023-05-30)
|
|
27
|
+
|
|
28
|
+
### ⚠ BREAKING CHANGES
|
|
29
|
+
* [809](https://github.com/oslokommune/punkt/issues/809) Endre SVG oppsett (#851). BREAKING CHANGE: Ny dokumentasjon straks vi har testet dette ferdig
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
### Features
|
|
33
|
+
Ingen
|
|
34
|
+
|
|
35
|
+
### Bug Fixes
|
|
36
|
+
Ingen
|
|
37
|
+
|
|
38
|
+
### Chores
|
|
39
|
+
Ingen
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
|
|
8
44
|
## [4.3.1](https://github.com/oslokommune/punkt/compare/4.3.0...4.3.1) (2023-05-24)
|
|
9
45
|
|
|
10
46
|
### ⚠ BREAKING CHANGES
|
|
@@ -43,10 +79,10 @@ Ingen
|
|
|
43
79
|
## [4.0.0](https://github.com/oslokommune/punkt/compare/3.4.2...4.0.0) (2023-05-08)
|
|
44
80
|
|
|
45
81
|
### ⚠ BREAKING CHANGES
|
|
46
|
-
* [792](https://github.com/oslokommune/punkt/issues/792) Footer. Nye komponenter:
|
|
47
|
-
- pkt-footer
|
|
48
|
-
- pkt-footer-simple
|
|
49
|
-
|
|
82
|
+
* [792](https://github.com/oslokommune/punkt/issues/792) Footer. Nye komponenter:
|
|
83
|
+
- pkt-footer
|
|
84
|
+
- pkt-footer-simple
|
|
85
|
+
|
|
50
86
|
BREAKING CHANGE: Gammel pkt-footer er nå blitt pkt-footer-simple
|
|
51
87
|
|
|
52
88
|
|
|
@@ -86,18 +122,18 @@ Ingen
|
|
|
86
122
|
Ingen
|
|
87
123
|
|
|
88
124
|
### Features
|
|
89
|
-
* Fargeendringer (#795). * docs(docs): Oppdatert colors.json og tekst
|
|
90
|
-
|
|
91
|
-
* fix(css): Små endringer i fargekoder
|
|
92
|
-
|
|
93
|
-
* chore(css, docs): #729 Erstatt fargen visited med focus
|
|
94
|
-
|
|
95
|
-
Oppsummert:
|
|
96
|
-
Visited og visited-light er fjernet.
|
|
97
|
-
Focus er lagt til.
|
|
98
|
-
|
|
99
|
-
---------
|
|
100
|
-
|
|
125
|
+
* Fargeendringer (#795). * docs(docs): Oppdatert colors.json og tekst
|
|
126
|
+
|
|
127
|
+
* fix(css): Små endringer i fargekoder
|
|
128
|
+
|
|
129
|
+
* chore(css, docs): #729 Erstatt fargen visited med focus
|
|
130
|
+
|
|
131
|
+
Oppsummert:
|
|
132
|
+
Visited og visited-light er fjernet.
|
|
133
|
+
Focus er lagt til.
|
|
134
|
+
|
|
135
|
+
---------
|
|
136
|
+
|
|
101
137
|
Co-authored-by: Cecilie Hansen Rørås <cecilie.roras@origo.oslo.kommune.no>
|
|
102
138
|
|
|
103
139
|
|
|
@@ -301,7 +337,7 @@ Helt nytt oppsett for Punkt v1, nytt AWS-oppsett, nye domener, med å ta i bruke
|
|
|
301
337
|
* build!: Publisere Punkt v1 igjen :rocket: (#678) ([cb3bf71](https://github.com/oslokommune/punkt/commit/cb3bf7104db6507a5ce4d45982141c1c2eba3659)), closes [#678](https://github.com/oslokommune/punkt/issues/678)
|
|
302
338
|
|
|
303
339
|
|
|
304
|
-
|
|
340
|
+
## BREAKING CHANGES
|
|
305
341
|
|
|
306
342
|
* Helt nytt oppsett for Punkt v1, nytt AWS-oppsett, nye domener, med å ta i bruke lerna for monorepo, nye GH workflow, og ny måte å kjøre oppgaver på.
|
|
307
343
|
|
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
padding: 0.75rem 4rem;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
+
.pkt-back-link__list {
|
|
18
|
+
list-style-type: none;
|
|
19
|
+
}
|
|
17
20
|
.pkt-back-link__link {
|
|
18
21
|
display: flex;
|
|
19
22
|
align-items: center;
|
|
@@ -31,7 +34,6 @@
|
|
|
31
34
|
.pkt-back-link__icon {
|
|
32
35
|
flex-basis: 1rem;
|
|
33
36
|
flex-shrink: 0;
|
|
34
|
-
padding-bottom: 4px;
|
|
35
37
|
}
|
|
36
38
|
.pkt-back-link__text {
|
|
37
39
|
flex-grow: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0
|
|
1
|
+
.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__list{list-style-type:none}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0}.pkt-back-link__text{flex-grow:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@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__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.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-right:.75rem}
|
|
1
|
+
.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@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__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.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-right:.75rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2.5rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:2rem;margin-top:0}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;
|
|
1
|
+
.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2.5rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:2rem;margin-top:0}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;width:24px;height:24px}.pkt-footer__social-icon-link:not(:last-child){margin-right:1rem}.pkt-footer-simple{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer-simple{justify-content:center}}.pkt-footer-simple__container{max-width:80rem}.pkt-footer-simple__list{padding:0;margin:0;list-style:none}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item{display:inline-flex}}.pkt-footer-simple__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item:not(:last-child){margin-bottom:0;margin-right:2rem}}.pkt-footer-simple__link{display:flex;text-decoration:none !important;align-items:flex-start}.pkt-footer-simple__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer-simple__link-icon{margin-top:0}}
|
|
@@ -5,18 +5,18 @@
|
|
|
5
5
|
*/
|
|
6
6
|
.pkt-icon {
|
|
7
7
|
display: inline-flex;
|
|
8
|
-
height:
|
|
9
|
-
width:
|
|
8
|
+
min-height: 1rem;
|
|
9
|
+
min-width: 1rem;
|
|
10
10
|
}
|
|
11
|
-
.pkt-icon
|
|
11
|
+
.pkt-icon--small {
|
|
12
12
|
height: 1rem;
|
|
13
13
|
width: 1rem;
|
|
14
14
|
}
|
|
15
|
-
.pkt-icon
|
|
15
|
+
.pkt-icon--medium {
|
|
16
16
|
height: 1.5rem;
|
|
17
17
|
width: 1.5rem;
|
|
18
18
|
}
|
|
19
|
-
.pkt-icon
|
|
19
|
+
.pkt-icon--large {
|
|
20
20
|
height: 4rem;
|
|
21
21
|
width: 4rem;
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-icon{display:inline-flex;height:
|
|
1
|
+
.pkt-icon{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large{height:4rem;width:4rem}
|
|
@@ -27,21 +27,24 @@
|
|
|
27
27
|
line-height: 1.5em;
|
|
28
28
|
margin-bottom: 0.5rem;
|
|
29
29
|
}
|
|
30
|
+
.pkt-linkcard__title > p {
|
|
31
|
+
margin: 0;
|
|
32
|
+
}
|
|
30
33
|
.pkt-linkcard__title.pkt-link--external::after {
|
|
31
34
|
height: 1.5rem;
|
|
32
35
|
width: 1.5rem;
|
|
33
36
|
background-size: 1.5rem 1.5rem;
|
|
34
37
|
margin-left: 0.5rem;
|
|
35
38
|
}
|
|
39
|
+
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon {
|
|
40
|
+
margin-top: 0.375rem;
|
|
41
|
+
}
|
|
36
42
|
.pkt-linkcard__text p:first-of-type {
|
|
37
43
|
margin-top: 0;
|
|
38
44
|
}
|
|
39
45
|
.pkt-linkcard__text p:last-of-type {
|
|
40
46
|
margin-bottom: 0;
|
|
41
47
|
}
|
|
42
|
-
.pkt-linkcard svg {
|
|
43
|
-
margin-top: 0.313rem;
|
|
44
|
-
}
|
|
45
48
|
.pkt-linkcard--beige {
|
|
46
49
|
background-color: var(--color-beige-light);
|
|
47
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-linkcard{align-items:flex-start;padding:1rem;text-decoration:none}@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}.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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:.5rem}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard
|
|
1
|
+
.pkt-linkcard{align-items:flex-start;padding:1rem;text-decoration:none}@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}.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{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon{margin-top:.375rem}.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(--color-beige-light)}.pkt-linkcard--blue{background-color:var(--color-blue-5)}.pkt-linkcard--grey-outline{border:4px solid var(--color-gray)}.pkt-linkcard--beige-outline{border:4px solid var(--color-beige-light)}[data-mode=dark] .pkt-linkcard--beige{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--beige:focus{color:var(--color-hover) !important}[data-mode=dark] .pkt-linkcard--blue{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--blue:focus{color:var(--color-hover) !important}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -10487,24 +10487,22 @@ a:active, a.pkt-link--active {
|
|
|
10487
10487
|
}
|
|
10488
10488
|
.pkt-link--external::after {
|
|
10489
10489
|
content: " ";
|
|
10490
|
-
|
|
10490
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/5.0/icons/new-window-small.svg);
|
|
10491
|
+
background-image: var(--svg);
|
|
10491
10492
|
background-repeat: no-repeat;
|
|
10492
10493
|
background-size: 18px 18px;
|
|
10493
10494
|
width: 1.125rem;
|
|
10494
10495
|
height: 1.125rem;
|
|
10495
10496
|
}
|
|
10496
10497
|
.pkt-link--external:hover::after {
|
|
10497
|
-
|
|
10498
|
-
background-repeat: no-repeat;
|
|
10498
|
+
filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
|
|
10499
10499
|
}
|
|
10500
10500
|
|
|
10501
10501
|
[data-mode=dark] .pkt-link--external::after {
|
|
10502
|
-
|
|
10503
|
-
background-repeat: no-repeat;
|
|
10502
|
+
filter: brightness(0) saturate(100%) invert(100%);
|
|
10504
10503
|
}
|
|
10505
10504
|
[data-mode=dark] .pkt-link--external:hover::after {
|
|
10506
|
-
|
|
10507
|
-
background-repeat: no-repeat;
|
|
10505
|
+
filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(502%) hue-rotate(173deg) brightness(109%) contrast(105%);
|
|
10508
10506
|
}
|
|
10509
10507
|
|
|
10510
10508
|
/*
|