@sb1/ffe-buttons 13.0.18 → 15.0.0
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/less/base-button.less +0 -63
- package/package.json +3 -3
package/less/base-button.less
CHANGED
|
@@ -11,14 +11,6 @@
|
|
|
11
11
|
// <span class="ffe-button__label">Click bait</span>
|
|
12
12
|
// <span class="ffe-button__spinner" aria-hidden="false" aria-label="Vennligst vent"></span>
|
|
13
13
|
// </button>
|
|
14
|
-
// <button class="ffe-button ffe-button{{modifier_class}} ffe-button--condensed">
|
|
15
|
-
// <span class="ffe-button__label">Click bait</span>
|
|
16
|
-
// <span class="ffe-button__spinner" aria-hidden="true" aria-label="Vennligst vent"></span>
|
|
17
|
-
// </button>
|
|
18
|
-
// <button class="ffe-button ffe-button{{modifier_class}} ffe-button--condensed ffe-button--loading" disabled>
|
|
19
|
-
// <span class="ffe-button__label">Click bait</span>
|
|
20
|
-
// <span class="ffe-button__spinner" aria-hidden="false" aria-label="Vennligst vent"></span>
|
|
21
|
-
// </button>
|
|
22
14
|
//
|
|
23
15
|
// --action - Action
|
|
24
16
|
// --primary - Primary
|
|
@@ -119,36 +111,6 @@
|
|
|
119
111
|
}
|
|
120
112
|
}
|
|
121
113
|
|
|
122
|
-
.ffe-button--action.ffe-button--ghost {
|
|
123
|
-
&,
|
|
124
|
-
&:focus,
|
|
125
|
-
&:visited {
|
|
126
|
-
background-color: transparent;
|
|
127
|
-
border: 2px solid @ffe-farge-nordlys-wcag;
|
|
128
|
-
color: @ffe-farge-svart;
|
|
129
|
-
.native & {
|
|
130
|
-
@media (prefers-color-scheme: dark) {
|
|
131
|
-
color: @ffe-farge-nordlys-30;
|
|
132
|
-
border-color: @ffe-farge-nordlys;
|
|
133
|
-
background-color: transparent;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
&:hover {
|
|
139
|
-
background-color: @ffe-farge-skog;
|
|
140
|
-
border-color: @ffe-farge-skog;
|
|
141
|
-
color: @ffe-farge-hvit;
|
|
142
|
-
.native & {
|
|
143
|
-
@media (prefers-color-scheme: dark) {
|
|
144
|
-
color: @ffe-farge-hvit;
|
|
145
|
-
border-color: @ffe-farge-nordlys-30;
|
|
146
|
-
background-color: transparent;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
114
|
.ffe-button--action {
|
|
153
115
|
background-color: @ffe-farge-nordlys-wcag;
|
|
154
116
|
|
|
@@ -317,16 +279,6 @@
|
|
|
317
279
|
}
|
|
318
280
|
}
|
|
319
281
|
|
|
320
|
-
.ffe-button--condensed {
|
|
321
|
-
padding: @ffe-spacing-2xs @ffe-spacing-sm;
|
|
322
|
-
.ffe-fontsize-button-condensed();
|
|
323
|
-
|
|
324
|
-
&.ffe-button--task {
|
|
325
|
-
padding: @ffe-spacing-2xs @ffe-spacing-sm @ffe-spacing-2xs
|
|
326
|
-
@ffe-spacing-2xs;
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
|
|
330
282
|
.ffe-button--loading {
|
|
331
283
|
pointer-events: none;
|
|
332
284
|
}
|
|
@@ -348,11 +300,6 @@
|
|
|
348
300
|
margin: 0 @ffe-spacing-2xs;
|
|
349
301
|
width: 16px;
|
|
350
302
|
|
|
351
|
-
.ffe-button--condensed & {
|
|
352
|
-
height: 14px;
|
|
353
|
-
width: 14px;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
303
|
.ffe-button--shortcut & {
|
|
357
304
|
transform: rotate(-90deg);
|
|
358
305
|
transition: all @ffe-transition-duration @ffe-ease;
|
|
@@ -400,12 +347,6 @@
|
|
|
400
347
|
}
|
|
401
348
|
}
|
|
402
349
|
|
|
403
|
-
.ffe-button--task.ffe-button--condensed & {
|
|
404
|
-
height: 25px;
|
|
405
|
-
width: 25px;
|
|
406
|
-
padding: 5px;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
350
|
.ffe-button--task:hover & {
|
|
410
351
|
border-color: @ffe-farge-vann;
|
|
411
352
|
background-color: @ffe-farge-vann;
|
|
@@ -437,10 +378,6 @@
|
|
|
437
378
|
visibility: visible;
|
|
438
379
|
}
|
|
439
380
|
|
|
440
|
-
.ffe-button--condensed & {
|
|
441
|
-
top: 6px;
|
|
442
|
-
}
|
|
443
|
-
|
|
444
381
|
&::after {
|
|
445
382
|
animation: 1s linear infinite button-loading-spin;
|
|
446
383
|
border: 3px solid currentColor;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-buttons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "SpareBank1",
|
|
6
6
|
"files": [
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"test": "npm run lint"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@sb1/ffe-core": "^
|
|
18
|
+
"@sb1/ffe-core": "^21.0.1",
|
|
19
19
|
"stylelint": "^13.0.0"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"publishConfig": {
|
|
25
25
|
"access": "public"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "3fedc35484a15b587fa2c76ac2f5907c19d401d2"
|
|
28
28
|
}
|