@oslokommune/punkt-css 11.13.0 → 11.13.2
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 +22 -0
- package/dist/css/components/linkcard.css +14 -1
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/pkt-base.css +4 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +14 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +18 -2
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +10 -13
- package/dist/scss/components/_linkcard.scss +23 -5
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,28 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [11.13.1](https://github.com/oslokommune/punkt/compare/11.13.0...11.13.1) (2024-05-23)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Ekstern lenke over flere lenker viser ikke ikon rett, pluss grønn LinkCard (#1687). * fix(css): Ekstern lenke over flere lenker viser ikke ikon rett
|
|
18
|
+
|
|
19
|
+
* chore(css,react,vue): Støtte for grønn bakgrunn i LinkCard
|
|
20
|
+
|
|
21
|
+
* chore(docs): Legg til ny LinkCard-farge i docs
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
### Chores
|
|
25
|
+
Ingen
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
|
|
8
30
|
## [11.13.0](https://github.com/oslokommune/punkt/compare/11.12.8...11.13.0) (2024-05-22)
|
|
9
31
|
|
|
10
32
|
### ⚠ BREAKING CHANGES
|
|
@@ -41,11 +41,17 @@
|
|
|
41
41
|
line-height: 2.25rem;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
+
.pkt-linkcard__title.pkt-link--external {
|
|
45
|
+
display: inline-flex;
|
|
46
|
+
}
|
|
44
47
|
.pkt-linkcard__title.pkt-link--external::after {
|
|
45
|
-
height:
|
|
48
|
+
height: 2.25rem;
|
|
46
49
|
width: 1.5rem;
|
|
47
50
|
background-size: 1.5rem 1.5rem;
|
|
51
|
+
background-position: center;
|
|
48
52
|
margin-left: 0.5rem;
|
|
53
|
+
flex: 1 0 auto;
|
|
54
|
+
align-self: flex-start;
|
|
49
55
|
}
|
|
50
56
|
.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,
|
|
51
57
|
.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon {
|
|
@@ -77,6 +83,13 @@
|
|
|
77
83
|
.pkt-linkcard--blue:hover, .pkt-linkcard--blue:focus, .pkt-linkcard--blue:focus-visible, .pkt-linkcard--blue:active {
|
|
78
84
|
color: var(--pkt-color-brand-warm-blue-1000) !important;
|
|
79
85
|
}
|
|
86
|
+
.pkt-linkcard--green {
|
|
87
|
+
background-color: var(--pkt-color-surface-strong-light-green);
|
|
88
|
+
color: var(--pkt-color-text-body-dark) !important;
|
|
89
|
+
}
|
|
90
|
+
.pkt-linkcard--green:hover, .pkt-linkcard--green:focus, .pkt-linkcard--green:focus-visible, .pkt-linkcard--green:active {
|
|
91
|
+
color: var(--pkt-color-brand-warm-blue-1000) !important;
|
|
92
|
+
}
|
|
80
93
|
.pkt-linkcard--grey-outline {
|
|
81
94
|
border: 4px solid var(--pkt-color-border-subtle);
|
|
82
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-linkcard{display:flex;align-items:flex-start;padding:1rem;text-decoration:none;width:100%;height:100%}@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.25rem;font-weight:500;letter-spacing:-0.2px;line-height:2rem;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-linkcard__title.pkt-link--external::after{height:
|
|
1
|
+
.pkt-linkcard{display:flex;align-items:flex-start;padding:1rem;text-decoration:none;width:100%;height:100%}@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.25rem;font-weight:500;letter-spacing:-0.2px;line-height:2rem;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}@media screen and (min-width: 35.938rem){.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;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:1 0 auto;align-self:flex-start}.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon{margin-top:.188rem}@media screen and (min-width: 35.938rem){.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,.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(--pkt-color-surface-default-light-beige);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);color:var(--pkt-color-text-body-dark) !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--green{background-color:var(--pkt-color-surface-strong-light-green);color:var(--pkt-color-text-body-dark) !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{border:4px solid var(--pkt-color-border-subtle)}.pkt-linkcard--beige-outline{border:4px solid var(--pkt-color-border-light-beige)}[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}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -13324,7 +13324,7 @@ a:active, a.pkt-link--active,
|
|
|
13324
13324
|
}
|
|
13325
13325
|
|
|
13326
13326
|
.pkt-link {
|
|
13327
|
-
display: inline
|
|
13327
|
+
display: inline;
|
|
13328
13328
|
text-align: left;
|
|
13329
13329
|
align-items: center;
|
|
13330
13330
|
}
|
|
@@ -13336,14 +13336,17 @@ a:active, a.pkt-link--active,
|
|
|
13336
13336
|
margin-right: 0.5rem;
|
|
13337
13337
|
}
|
|
13338
13338
|
.pkt-link--icon-left {
|
|
13339
|
+
display: inline-flex;
|
|
13339
13340
|
flex-direction: row;
|
|
13340
13341
|
text-decoration: none;
|
|
13341
13342
|
}
|
|
13342
13343
|
.pkt-link--icon-right {
|
|
13344
|
+
display: inline-flex;
|
|
13343
13345
|
flex-direction: row-reverse;
|
|
13344
13346
|
text-decoration: none;
|
|
13345
13347
|
}
|
|
13346
13348
|
.pkt-link--external::after {
|
|
13349
|
+
display: inline-block;
|
|
13347
13350
|
content: " ";
|
|
13348
13351
|
--svg: url(https://punkt-cdn.oslo.kommune.no/11.13/icons/new-window-small.svg);
|
|
13349
13352
|
background-image: var(--svg);
|