@internetstiftelsen/styleguide 2.26.10 → 2.26.11

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.26.10",
3
+ "version": "2.26.11",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -16,7 +16,6 @@ $spacing: rhythm(6);
16
16
  &::after {
17
17
  content: '';
18
18
  position: absolute;
19
- z-index: z_index(background);
20
19
  right: 0;
21
20
  left: 0;
22
21
  height: $spacing;
@@ -24,12 +23,12 @@ $spacing: rhythm(6);
24
23
 
25
24
  &::before {
26
25
  top: 0;
27
- background-image: linear-gradient(to right top, #fff 0, #fff 50%, #ededed 50.1%);
26
+ background-image: linear-gradient(to right top, #fff 0, #fff 50%, rgba(237, 237, 237, 01) 50.1%);
28
27
  }
29
28
 
30
29
  &::after {
31
30
  bottom: 0;
32
- background-image: linear-gradient(to left top, #ededed 0, #ededed 50%, #fff 50.1%);
31
+ background-image: linear-gradient(to left top, #ededed 0, #ededed 50%, rgba(255,255,255,0) 50.1%);
33
32
  }
34
33
 
35
34
  &:last-child {
@@ -80,7 +79,7 @@ $spacing: rhythm(6);
80
79
 
81
80
  @include e(content) {
82
81
  position: relative;
83
- //z-index: z_index(middleground);
82
+ z-index: z_index(background);
84
83
 
85
84
  @include m(peacock) {
86
85
  ::selection {
@@ -108,6 +107,7 @@ $spacing: rhythm(6);
108
107
  position: absolute;
109
108
  top: 0;
110
109
  left: 0;
110
+ z-index: 2;
111
111
  width: rem(575px);
112
112
  height: rem(575px);
113
113
  transform: translate(calc(-100% - #{rem(20px)}), -50%) rotate(-20deg);
@@ -128,6 +128,7 @@ $spacing: rhythm(6);
128
128
  position: absolute;
129
129
  top: 0;
130
130
  right: 0;
131
+ z-index: 2;
131
132
  width: rem(450px);
132
133
  height: rem(166px);
133
134
  transform: translate(calc(100% + #{rem(20px)}), 50%) rotate(20deg);