@sb1/ffe-shapes 100.12.3 → 101.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/shapes.css +14 -7
- package/package.json +4 -4
package/css/shapes.css
CHANGED
|
@@ -13,23 +13,30 @@
|
|
|
13
13
|
}
|
|
14
14
|
.ffe-wave__wave {
|
|
15
15
|
background-color: var(--ffe-color-background-default);
|
|
16
|
-
mask-repeat: repeat-x;
|
|
16
|
+
-webkit-mask-repeat: repeat-x;
|
|
17
|
+
mask-repeat: repeat-x;
|
|
17
18
|
min-height: 60px;
|
|
18
|
-
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");
|
|
19
|
-
|
|
19
|
+
-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");
|
|
20
|
+
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");
|
|
21
|
+
-webkit-mask-size: 480px;
|
|
22
|
+
mask-size: 480px;
|
|
20
23
|
}
|
|
21
24
|
@media (min-width: 480px) {
|
|
22
25
|
.ffe-wave__wave {
|
|
23
26
|
min-height: 119px;
|
|
24
|
-
mask-position: 812px;
|
|
25
|
-
|
|
27
|
+
-webkit-mask-position: 812px;
|
|
28
|
+
mask-position: 812px;
|
|
29
|
+
-webkit-mask-size: 950px;
|
|
30
|
+
mask-size: 950px;
|
|
26
31
|
}
|
|
27
32
|
}
|
|
28
33
|
@media (min-width: 1024px) {
|
|
29
34
|
.ffe-wave__wave {
|
|
30
35
|
min-height: 250px;
|
|
31
|
-
mask-position: 1931px;
|
|
32
|
-
|
|
36
|
+
-webkit-mask-position: 1931px;
|
|
37
|
+
mask-position: 1931px;
|
|
38
|
+
-webkit-mask-size: 2004px;
|
|
39
|
+
mask-size: 2004px;
|
|
33
40
|
}
|
|
34
41
|
}
|
|
35
42
|
.ffe-wave__wave--bg-subtle {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-shapes",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "101.0.0",
|
|
5
5
|
"author": "SpareBank 1",
|
|
6
6
|
"files": [
|
|
7
7
|
"less",
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"build": "lessc less/wave.less css/shapes.css --autoprefix"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@sb1/ffe-core": "^
|
|
22
|
+
"@sb1/ffe-core": "^101.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@sb1/ffe-buildtool": "^
|
|
25
|
+
"@sb1/ffe-buildtool": "^101.0.0"
|
|
26
26
|
},
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
|
|
31
31
|
}
|