@sb1/ffe-buttons 20.0.1 → 20.0.3
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/css/buttons.css +14 -3
- package/less/base-button.less +13 -1
- package/package.json +3 -3
package/css/buttons.css
CHANGED
|
@@ -292,6 +292,11 @@
|
|
|
292
292
|
}
|
|
293
293
|
.ffe-button--shortcut .ffe-button__icon {
|
|
294
294
|
color: var(--ffe-color-component-button-secondary-foreground-default);
|
|
295
|
+
-webkit-transition: -webkit-transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
296
|
+
transition: -webkit-transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
297
|
+
-o-transition: transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
298
|
+
transition: transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
299
|
+
transition: transform var(--ffe-transition-duration) var(--ffe-ease), -webkit-transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
295
300
|
}
|
|
296
301
|
@media (hover: hover) and (pointer: fine) {
|
|
297
302
|
.ffe-button--shortcut:hover {
|
|
@@ -311,9 +316,15 @@
|
|
|
311
316
|
.ffe-button--shortcut:active .ffe-button__icon {
|
|
312
317
|
color: var(--ffe-color-component-button-secondary-foreground-hover);
|
|
313
318
|
}
|
|
314
|
-
.ffe-button--shortcut:focus
|
|
315
|
-
|
|
316
|
-
|
|
319
|
+
.ffe-button--shortcut:focus,
|
|
320
|
+
.ffe-button--shortcut:visited {
|
|
321
|
+
color: var(--ffe-color-component-button-secondary-foreground-default);
|
|
322
|
+
background-color: var(--ffe-color-component-button-secondary-fill-hover);
|
|
323
|
+
}
|
|
324
|
+
.ffe-button--shortcut:hover .ffe-button__icon,
|
|
325
|
+
.ffe-button--shortcut:focus .ffe-button__icon {
|
|
326
|
+
-webkit-transform: translateX(4px);
|
|
327
|
+
transform: translateX(4px);
|
|
317
328
|
}
|
|
318
329
|
.ffe-button--expanded {
|
|
319
330
|
padding: var(--ffe-spacing-xs);
|
package/less/base-button.less
CHANGED
|
@@ -179,6 +179,7 @@
|
|
|
179
179
|
|
|
180
180
|
.ffe-button__icon {
|
|
181
181
|
color: var(--ffe-color-component-button-secondary-foreground-default);
|
|
182
|
+
transition: transform var(--ffe-transition-duration) var(--ffe-ease);
|
|
182
183
|
}
|
|
183
184
|
|
|
184
185
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -208,8 +209,19 @@
|
|
|
208
209
|
}
|
|
209
210
|
}
|
|
210
211
|
|
|
212
|
+
&:focus,
|
|
213
|
+
&:visited {
|
|
214
|
+
color: var(--ffe-color-component-button-secondary-foreground-default);
|
|
215
|
+
background-color: var(
|
|
216
|
+
--ffe-color-component-button-secondary-fill-hover
|
|
217
|
+
);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
&:hover,
|
|
211
221
|
&:focus {
|
|
212
|
-
|
|
222
|
+
.ffe-button__icon {
|
|
223
|
+
transform: translateX(4px);
|
|
224
|
+
}
|
|
213
225
|
}
|
|
214
226
|
}
|
|
215
227
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-buttons",
|
|
3
|
-
"version": "20.0.
|
|
3
|
+
"version": "20.0.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "SpareBank1",
|
|
6
6
|
"files": [
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"build": "lessc less/buttons.less css/buttons.css --autoprefix"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@sb1/ffe-core": "^30.0.
|
|
20
|
+
"@sb1/ffe-core": "^30.0.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@sb1/ffe-buildtool": "^0.10.0"
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
"publishConfig": {
|
|
26
26
|
"access": "public"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "2f20133d455c71564af80df55e9949722443bc5c"
|
|
29
29
|
}
|