@sb1/ffe-core 30.1.3 → 31.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/css/ffe.css +0 -76
- package/less/ffe.less +0 -1
- package/package.json +2 -2
- package/less/waves.less +0 -89
package/css/ffe.css
CHANGED
|
@@ -1645,79 +1645,3 @@ html,
|
|
|
1645
1645
|
--ffe-g-border-width: 1px;
|
|
1646
1646
|
--ffe-g-border-focus-box-shadow: 0 0 0 1px;
|
|
1647
1647
|
}
|
|
1648
|
-
.ffe-wave {
|
|
1649
|
-
position: relative;
|
|
1650
|
-
width: 100%;
|
|
1651
|
-
}
|
|
1652
|
-
.ffe-wave__content {
|
|
1653
|
-
position: absolute;
|
|
1654
|
-
z-index: 1;
|
|
1655
|
-
width: 100%;
|
|
1656
|
-
}
|
|
1657
|
-
.ffe-wave__wave {
|
|
1658
|
-
-webkit-mask-repeat: repeat-x;
|
|
1659
|
-
mask-repeat: repeat-x;
|
|
1660
|
-
min-height: 60px;
|
|
1661
|
-
-webkit-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");
|
|
1662
|
-
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");
|
|
1663
|
-
-webkit-mask-size: 480px;
|
|
1664
|
-
mask-size: 480px;
|
|
1665
|
-
}
|
|
1666
|
-
@media (min-width: 480px) {
|
|
1667
|
-
.ffe-wave__wave {
|
|
1668
|
-
min-height: 119px;
|
|
1669
|
-
-webkit-mask-position: 812px;
|
|
1670
|
-
mask-position: 812px;
|
|
1671
|
-
-webkit-mask-size: 950px;
|
|
1672
|
-
mask-size: 950px;
|
|
1673
|
-
}
|
|
1674
|
-
}
|
|
1675
|
-
@media (min-width: 1024px) {
|
|
1676
|
-
.ffe-wave__wave {
|
|
1677
|
-
min-height: 250px;
|
|
1678
|
-
-webkit-mask-position: 1931px;
|
|
1679
|
-
mask-position: 1931px;
|
|
1680
|
-
-webkit-mask-size: 2004px;
|
|
1681
|
-
mask-size: 2004px;
|
|
1682
|
-
}
|
|
1683
|
-
}
|
|
1684
|
-
.ffe-wave__wave--flip {
|
|
1685
|
-
rotate: 180deg;
|
|
1686
|
-
}
|
|
1687
|
-
.ffe-wave--bg-hvit {
|
|
1688
|
-
background-color: var(--ffe-farge-hvit);
|
|
1689
|
-
}
|
|
1690
|
-
.ffe-wave--bg-frost-30 {
|
|
1691
|
-
background-color: #d8e9f2;
|
|
1692
|
-
}
|
|
1693
|
-
.ffe-wave--bg-sand-30 {
|
|
1694
|
-
background-color: #fdf8f5;
|
|
1695
|
-
}
|
|
1696
|
-
.ffe-wave--bg-sand-70 {
|
|
1697
|
-
background-color: #faf0e7;
|
|
1698
|
-
}
|
|
1699
|
-
.ffe-wave--bg-syrin-30 {
|
|
1700
|
-
background-color: #f2f2f9;
|
|
1701
|
-
}
|
|
1702
|
-
.ffe-wave--bg-syrin-70 {
|
|
1703
|
-
background-color: #e0e0f0;
|
|
1704
|
-
}
|
|
1705
|
-
.ffe-wave--bg-vann {
|
|
1706
|
-
background-color: #005aa4;
|
|
1707
|
-
}
|
|
1708
|
-
.ffe-wave--bg-vann-30 {
|
|
1709
|
-
background-color: #b3cee4;
|
|
1710
|
-
}
|
|
1711
|
-
.ffe-wave--bg-fjell {
|
|
1712
|
-
background-color: #002776;
|
|
1713
|
-
}
|
|
1714
|
-
@media (prefers-color-scheme: dark) {
|
|
1715
|
-
.regard-color-scheme-preference .ffe-wave--dm-bg-svart {
|
|
1716
|
-
background-color: var(--ffe-farge-svart);
|
|
1717
|
-
}
|
|
1718
|
-
}
|
|
1719
|
-
@media (prefers-color-scheme: dark) {
|
|
1720
|
-
.regard-color-scheme-preference .ffe-wave--dm-bg-natt {
|
|
1721
|
-
background-color: #001032;
|
|
1722
|
-
}
|
|
1723
|
-
}
|
package/less/ffe.less
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "31.0.0",
|
|
4
4
|
"description": "Rammeverk for Felles Front End",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "e50b473f29109281adeb2f188a0f5391f4db1e9a"
|
|
39
39
|
}
|
package/less/waves.less
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
@import (reference) 'breakpoints';
|
|
2
|
-
@import 'colors';
|
|
3
|
-
|
|
4
|
-
.ffe-wave {
|
|
5
|
-
position: relative;
|
|
6
|
-
width: 100%;
|
|
7
|
-
|
|
8
|
-
&__content {
|
|
9
|
-
position: absolute;
|
|
10
|
-
z-index: 1;
|
|
11
|
-
width: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&__wave {
|
|
15
|
-
mask-repeat: repeat-x;
|
|
16
|
-
min-height: 60px;
|
|
17
|
-
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");
|
|
18
|
-
mask-size: 480px;
|
|
19
|
-
|
|
20
|
-
@media (min-width: @breakpoint-sm) {
|
|
21
|
-
min-height: 119px;
|
|
22
|
-
mask-position: 812px;
|
|
23
|
-
mask-size: 950px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@media (min-width: @breakpoint-lg) {
|
|
27
|
-
min-height: 250px;
|
|
28
|
-
mask-position: 1931px;
|
|
29
|
-
mask-size: 2004px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&--flip {
|
|
33
|
-
rotate: 180deg;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// Tilgjengelige farger
|
|
38
|
-
&--bg-hvit {
|
|
39
|
-
background-color: var(--ffe-farge-hvit);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&--bg-frost-30 {
|
|
43
|
-
background-color: @ffe-farge-frost-30;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&--bg-sand-30 {
|
|
47
|
-
background-color: @ffe-farge-sand-30;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&--bg-sand-70 {
|
|
51
|
-
background-color: @ffe-farge-sand-70;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&--bg-syrin-30 {
|
|
55
|
-
background-color: @ffe-farge-syrin-30;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&--bg-syrin-70 {
|
|
59
|
-
background-color: @ffe-farge-syrin-70;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&--bg-vann {
|
|
63
|
-
background-color: @ffe-farge-vann;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
&--bg-vann-30 {
|
|
67
|
-
background-color: @ffe-farge-vann-30;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
&--bg-fjell {
|
|
71
|
-
background-color: @ffe-farge-fjell;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
&--dm-bg-svart {
|
|
75
|
-
.regard-color-scheme-preference & {
|
|
76
|
-
@media (prefers-color-scheme: dark) {
|
|
77
|
-
background-color: var(--ffe-farge-svart);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
&--dm-bg-natt {
|
|
83
|
-
.regard-color-scheme-preference & {
|
|
84
|
-
@media (prefers-color-scheme: dark) {
|
|
85
|
-
background-color: @ffe-farge-natt;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|