@oslokommune/punkt-css 11.16.4 → 11.16.6
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 +34 -0
- package/dist/css/components/linkcard.css +12 -12
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/pkt-base.css +1 -0
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +12 -12
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +13 -12
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +1 -0
- package/dist/scss/components/_linkcard.scss +11 -13
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [11.16.6](https://github.com/oslokommune/punkt/compare/11.16.5...11.16.6) (2024-08-13)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
Ingen
|
|
18
|
+
|
|
19
|
+
### Chores
|
|
20
|
+
Ingen
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [11.16.5](https://github.com/oslokommune/punkt/compare/11.16.4...11.16.5) (2024-08-12)
|
|
26
|
+
|
|
27
|
+
### ⚠ BREAKING CHANGES
|
|
28
|
+
Ingen
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
Ingen
|
|
32
|
+
|
|
33
|
+
### Bug Fixes
|
|
34
|
+
Ingen
|
|
35
|
+
|
|
36
|
+
### Chores
|
|
37
|
+
Ingen
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
|
|
8
42
|
## [11.16.0](https://github.com/oslokommune/punkt/compare/11.15.1...11.16.0) (2024-07-31)
|
|
9
43
|
|
|
10
44
|
### ⚠ BREAKING CHANGES
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/*
|
|
2
2
|
* Linkcard component
|
|
3
3
|
*/
|
|
4
4
|
.pkt-linkcard {
|
|
5
|
-
display:
|
|
6
|
-
|
|
5
|
+
display: grid;
|
|
6
|
+
grid-template-columns: min-content auto;
|
|
7
|
+
grid-template-rows: auto auto;
|
|
8
|
+
column-gap: 8px;
|
|
9
|
+
row-gap: 4px;
|
|
10
|
+
align-items: center;
|
|
7
11
|
padding: 1rem;
|
|
8
12
|
text-decoration: none;
|
|
9
13
|
width: 100%;
|
|
@@ -29,7 +33,6 @@
|
|
|
29
33
|
font-weight: 500;
|
|
30
34
|
letter-spacing: -0.2px;
|
|
31
35
|
line-height: 2rem;
|
|
32
|
-
margin-bottom: 0.5rem;
|
|
33
36
|
}
|
|
34
37
|
.pkt-linkcard__title > p {
|
|
35
38
|
margin: 0;
|
|
@@ -54,15 +57,12 @@
|
|
|
54
57
|
flex: 1 0 auto;
|
|
55
58
|
align-self: flex-start;
|
|
56
59
|
}
|
|
57
|
-
.pkt-linkcard
|
|
58
|
-
.pkt-linkcard
|
|
59
|
-
margin-
|
|
60
|
+
.pkt-linkcard > .pkt-icon.pkt-link__icon,
|
|
61
|
+
.pkt-linkcard pkt-icon.pkt-link__icon {
|
|
62
|
+
margin-right: 0;
|
|
60
63
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
.pkt-linkcard.pkt-link pkt-icon.pkt-link__icon {
|
|
64
|
-
margin-top: 0.375rem;
|
|
65
|
-
}
|
|
64
|
+
.pkt-linkcard__text {
|
|
65
|
+
grid-column: 2;
|
|
66
66
|
}
|
|
67
67
|
.pkt-linkcard__text p:first-of-type {
|
|
68
68
|
margin-top: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-linkcard{display:
|
|
1
|
+
.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}.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}.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-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);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{background-color:var(--pkt-color-surface-default-light-blue)}.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{background-color:var(--pkt-color-surface-default-gray);color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--grey:hover{background-color:var(--pkt-color-surface-strong-gray)}.pkt-linkcard--grey:hover,.pkt-linkcard--grey:focus,.pkt-linkcard--grey:focus-visible,.pkt-linkcard--grey:active{color:var(--pkt-color-brand-warm-blue-1000) !important}.pkt-linkcard--green{background-color:var(--pkt-color-surface-default-faded-green);color:var(--pkt-color-text-body-dark) !important}.pkt-linkcard--green:hover{background-color:var(--pkt-color-surface-strong-light-green)}.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
|
@@ -13354,6 +13354,7 @@ a:active, a.pkt-link--active,
|
|
|
13354
13354
|
background-size: 18px 18px;
|
|
13355
13355
|
width: 1.125rem;
|
|
13356
13356
|
height: 1.125rem;
|
|
13357
|
+
vertical-align: middle;
|
|
13357
13358
|
}
|
|
13358
13359
|
.pkt-link--external:hover::after {
|
|
13359
13360
|
filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
|