@oslokommune/punkt-css 11.14.0 → 11.14.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 +18 -0
- package/dist/css/components/linkcard.css +18 -1
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/pkt-components.css +18 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +18 -1
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_linkcard.scss +26 -1
- package/package.json +2 -2
|
@@ -19,6 +19,7 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
|
|
|
19
19
|
text-decoration: none;
|
|
20
20
|
width: 100%;
|
|
21
21
|
height: 100%;
|
|
22
|
+
transition: background-color 0.2s linear;
|
|
22
23
|
|
|
23
24
|
@include bp('laptop-up') {
|
|
24
25
|
padding: $-linkcard-spacing-big;
|
|
@@ -103,6 +104,26 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
|
|
|
103
104
|
background-color: var(--pkt-color-surface-subtle-pale-blue);
|
|
104
105
|
color: var(--pkt-color-text-body-dark) !important;
|
|
105
106
|
|
|
107
|
+
&:hover {
|
|
108
|
+
background-color: var(--pkt-color-surface-default-light-blue);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&:hover,
|
|
112
|
+
&:focus,
|
|
113
|
+
&:focus-visible,
|
|
114
|
+
&:active {
|
|
115
|
+
color: var(--pkt-color-brand-warm-blue-1000) !important;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
&--grey {
|
|
120
|
+
background-color: var(--pkt-color-surface-default-gray);
|
|
121
|
+
color: var(--pkt-color-text-body-dark) !important;
|
|
122
|
+
|
|
123
|
+
&:hover {
|
|
124
|
+
background-color: var(--pkt-color-surface-strong-gray);
|
|
125
|
+
}
|
|
126
|
+
|
|
106
127
|
&:hover,
|
|
107
128
|
&:focus,
|
|
108
129
|
&:focus-visible,
|
|
@@ -112,9 +133,13 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
|
|
|
112
133
|
}
|
|
113
134
|
|
|
114
135
|
&--green {
|
|
115
|
-
background-color: var(--pkt-color-surface-
|
|
136
|
+
background-color: var(--pkt-color-surface-default-faded-green);
|
|
116
137
|
color: var(--pkt-color-text-body-dark) !important;
|
|
117
138
|
|
|
139
|
+
&:hover {
|
|
140
|
+
background-color: var(--pkt-color-surface-strong-light-green);
|
|
141
|
+
}
|
|
142
|
+
|
|
118
143
|
&:hover,
|
|
119
144
|
&:focus,
|
|
120
145
|
&:focus-visible,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-css",
|
|
3
|
-
"version": "11.14.
|
|
3
|
+
"version": "11.14.1",
|
|
4
4
|
"description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
56
56
|
},
|
|
57
57
|
"license": "MIT",
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "962e2a838414c5c286a385a815ee48051c12cc41"
|
|
59
59
|
}
|