@sb1/ffe-core 100.6.0 → 100.6.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/css/ffe.css +19 -44
- package/package.json +3 -3
package/css/ffe.css
CHANGED
|
@@ -12,7 +12,6 @@ html,
|
|
|
12
12
|
:host {
|
|
13
13
|
line-height: 1.15; /* 1 */
|
|
14
14
|
-webkit-text-size-adjust: 100%;
|
|
15
|
-
-moz-text-size-adjust: 100%;
|
|
16
15
|
-ms-text-size-adjust: 100%;
|
|
17
16
|
text-size-adjust: 100%; /* 2 */
|
|
18
17
|
}
|
|
@@ -55,8 +54,7 @@ h1 {
|
|
|
55
54
|
*/
|
|
56
55
|
|
|
57
56
|
hr {
|
|
58
|
-
|
|
59
|
-
box-sizing: content-box; /* 1 */
|
|
57
|
+
box-sizing: content-box; /* 1 */
|
|
60
58
|
height: 0; /* 1 */
|
|
61
59
|
overflow: visible; /* 2 */
|
|
62
60
|
}
|
|
@@ -90,8 +88,7 @@ a {
|
|
|
90
88
|
abbr[title] {
|
|
91
89
|
border-bottom: none; /* 1 */
|
|
92
90
|
text-decoration: underline; /* 2 */
|
|
93
|
-
|
|
94
|
-
text-decoration: underline dotted; /* 2 */
|
|
91
|
+
text-decoration: underline dotted; /* 2 */
|
|
95
92
|
}
|
|
96
93
|
|
|
97
94
|
/**
|
|
@@ -204,9 +201,7 @@ button,
|
|
|
204
201
|
[type='button'],
|
|
205
202
|
[type='reset'],
|
|
206
203
|
[type='submit'] {
|
|
207
|
-
|
|
208
|
-
-moz-appearance: button;
|
|
209
|
-
appearance: button;
|
|
204
|
+
appearance: button;
|
|
210
205
|
}
|
|
211
206
|
|
|
212
207
|
/**
|
|
@@ -248,8 +243,7 @@ fieldset {
|
|
|
248
243
|
*/
|
|
249
244
|
|
|
250
245
|
legend {
|
|
251
|
-
|
|
252
|
-
box-sizing: border-box; /* 1 */
|
|
246
|
+
box-sizing: border-box; /* 1 */
|
|
253
247
|
color: inherit; /* 2 */
|
|
254
248
|
display: table; /* 1 */
|
|
255
249
|
max-width: 100%; /* 1 */
|
|
@@ -280,8 +274,7 @@ textarea {
|
|
|
280
274
|
|
|
281
275
|
[type='checkbox'],
|
|
282
276
|
[type='radio'] {
|
|
283
|
-
|
|
284
|
-
box-sizing: border-box; /* 1 */
|
|
277
|
+
box-sizing: border-box; /* 1 */
|
|
285
278
|
padding: 0; /* 2 */
|
|
286
279
|
}
|
|
287
280
|
|
|
@@ -300,9 +293,7 @@ textarea {
|
|
|
300
293
|
*/
|
|
301
294
|
|
|
302
295
|
[type='search'] {
|
|
303
|
-
|
|
304
|
-
-moz-appearance: textfield;
|
|
305
|
-
appearance: textfield; /* 1 */
|
|
296
|
+
appearance: textfield; /* 1 */
|
|
306
297
|
outline-offset: -2px; /* 2 */
|
|
307
298
|
}
|
|
308
299
|
|
|
@@ -311,8 +302,7 @@ textarea {
|
|
|
311
302
|
*/
|
|
312
303
|
|
|
313
304
|
[type='search']::-webkit-search-decoration {
|
|
314
|
-
|
|
315
|
-
appearance: none;
|
|
305
|
+
appearance: none;
|
|
316
306
|
}
|
|
317
307
|
|
|
318
308
|
/**
|
|
@@ -321,8 +311,7 @@ textarea {
|
|
|
321
311
|
*/
|
|
322
312
|
|
|
323
313
|
::-webkit-file-upload-button {
|
|
324
|
-
|
|
325
|
-
appearance: button; /* 1 */
|
|
314
|
+
appearance: button; /* 1 */
|
|
326
315
|
font: inherit; /* 2 */
|
|
327
316
|
}
|
|
328
317
|
|
|
@@ -367,16 +356,14 @@ template {
|
|
|
367
356
|
/* GAB: Use border-box: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
|
|
368
357
|
html,
|
|
369
358
|
:host {
|
|
370
|
-
|
|
371
|
-
box-sizing: border-box;
|
|
359
|
+
box-sizing: border-box;
|
|
372
360
|
font-size: 100%;
|
|
373
361
|
/* 16 px base in most browsers */
|
|
374
362
|
}
|
|
375
363
|
*,
|
|
376
364
|
*::before,
|
|
377
365
|
*::after {
|
|
378
|
-
|
|
379
|
-
box-sizing: inherit;
|
|
366
|
+
box-sizing: inherit;
|
|
380
367
|
}
|
|
381
368
|
/* stylelint-disable */
|
|
382
369
|
@supports (font: -apple-system-body) {
|
|
@@ -1620,8 +1607,6 @@ html,
|
|
|
1620
1607
|
text-decoration: none;
|
|
1621
1608
|
word-wrap: break-all;
|
|
1622
1609
|
line-height: 1em;
|
|
1623
|
-
-webkit-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
1624
|
-
-o-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
1625
1610
|
transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
1626
1611
|
}
|
|
1627
1612
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -1640,14 +1625,12 @@ html,
|
|
|
1640
1625
|
.ffe-link-text:focus-visible {
|
|
1641
1626
|
color: var(--ffe-color-foreground-interactive-link-pressed);
|
|
1642
1627
|
border-radius: 1px;
|
|
1643
|
-
|
|
1644
|
-
box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
|
|
1628
|
+
box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
|
|
1645
1629
|
outline: none;
|
|
1646
1630
|
border-bottom-color: transparent;
|
|
1647
1631
|
}
|
|
1648
1632
|
.ffe-link-icon {
|
|
1649
1633
|
fill: var(--ffe-color-foreground-interactive-link);
|
|
1650
|
-
display: -webkit-inline-box;
|
|
1651
1634
|
display: -ms-inline-flexbox;
|
|
1652
1635
|
display: inline-flex;
|
|
1653
1636
|
border-radius: 1.5rem;
|
|
@@ -1661,8 +1644,7 @@ html,
|
|
|
1661
1644
|
}
|
|
1662
1645
|
}
|
|
1663
1646
|
.ffe-link-icon:focus {
|
|
1664
|
-
|
|
1665
|
-
box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link-pressed);
|
|
1647
|
+
box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link-pressed);
|
|
1666
1648
|
}
|
|
1667
1649
|
.ffe-divider-line {
|
|
1668
1650
|
border: none;
|
|
@@ -1829,30 +1811,23 @@ html,
|
|
|
1829
1811
|
width: 100%;
|
|
1830
1812
|
}
|
|
1831
1813
|
.ffe-wave__wave {
|
|
1832
|
-
|
|
1833
|
-
mask-repeat: repeat-x;
|
|
1814
|
+
mask-repeat: repeat-x;
|
|
1834
1815
|
min-height: 60px;
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
-webkit-mask-size: 480px;
|
|
1838
|
-
mask-size: 480px;
|
|
1816
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 479.9 60' style='enable-background:new 0 0 479.9 148' xml:space='preserve'%3E%3Cpath d='M0 530V0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C387.4 13.8 418.2 0 478.9 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C866.3 13.8 897.1 0 957.8 0s91.6 13.8 121.4 27.1c30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1345.2 13.8 1376 0 1436.7 0c60.7 0 91.6 13.8 121.4 27.1 30.4 13.6 59.1 26.4 118.1 26.4s87.7-12.8 118.1-26.4C1824.1 13.8 1854.9 0 1915.7 0v530'/%3E%3C/svg%3E");
|
|
1817
|
+
mask-size: 480px;
|
|
1839
1818
|
}
|
|
1840
1819
|
@media (min-width: 480px) {
|
|
1841
1820
|
.ffe-wave__wave {
|
|
1842
1821
|
min-height: 119px;
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
-webkit-mask-size: 950px;
|
|
1846
|
-
mask-size: 950px;
|
|
1822
|
+
mask-position: 812px;
|
|
1823
|
+
mask-size: 950px;
|
|
1847
1824
|
}
|
|
1848
1825
|
}
|
|
1849
1826
|
@media (min-width: 1024px) {
|
|
1850
1827
|
.ffe-wave__wave {
|
|
1851
1828
|
min-height: 250px;
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
-webkit-mask-size: 2004px;
|
|
1855
|
-
mask-size: 2004px;
|
|
1829
|
+
mask-position: 1931px;
|
|
1830
|
+
mask-size: 2004px;
|
|
1856
1831
|
}
|
|
1857
1832
|
}
|
|
1858
1833
|
.ffe-wave__wave--flip {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-core",
|
|
3
|
-
"version": "100.6.
|
|
3
|
+
"version": "100.6.1",
|
|
4
4
|
"description": "Rammeverk for Felles Front End",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"build-colors": "./scripts/build-colors.cjs"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@sb1/ffe-buildtool": "^100.6.
|
|
40
|
+
"@sb1/ffe-buildtool": "^100.6.1",
|
|
41
41
|
"case": "^1.5.5",
|
|
42
42
|
"less": "^4.1.2",
|
|
43
43
|
"postcss": "^8.3.6"
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"publishConfig": {
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "f579e35bc4c3f99219ab53a3572e60311e2f5077"
|
|
49
49
|
}
|