matcha-theme 20.155.0 → 20.158.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.
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
left: 0;
|
|
12
12
|
width: 100%;
|
|
13
13
|
height: 100%;
|
|
14
|
-
z-index:
|
|
14
|
+
z-index: 0;
|
|
15
|
+
pointer-events: none;
|
|
15
16
|
|
|
16
17
|
line {
|
|
17
18
|
stroke-width: 4px;
|
|
@@ -22,6 +23,11 @@
|
|
|
22
23
|
.child {
|
|
23
24
|
display: flex;
|
|
24
25
|
position: relative;
|
|
26
|
+
pointer-events: none;
|
|
27
|
+
|
|
28
|
+
div {
|
|
29
|
+
pointer-events: all;
|
|
30
|
+
}
|
|
25
31
|
|
|
26
32
|
.the-line-connect-first,
|
|
27
33
|
.the-line-connect,
|
|
@@ -36,9 +42,9 @@
|
|
|
36
42
|
margin: 56px -16px 56px -40px;
|
|
37
43
|
display: flex;
|
|
38
44
|
position: absolute;
|
|
39
|
-
z-index:
|
|
45
|
+
z-index: 0;
|
|
40
46
|
background: transparent;
|
|
41
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
47
|
+
box-shadow: inset 2px -2px 0px 2px getPrimary($theme);
|
|
42
48
|
}
|
|
43
49
|
|
|
44
50
|
.the-line-connect {
|
|
@@ -47,10 +53,10 @@
|
|
|
47
53
|
height: 150px;
|
|
48
54
|
display: flex;
|
|
49
55
|
position: absolute;
|
|
50
|
-
z-index:
|
|
56
|
+
z-index: 0;
|
|
51
57
|
background: transparent;
|
|
52
58
|
border-radius: 0 0 0 40px;
|
|
53
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
59
|
+
box-shadow: inset 2px -2px 0px 2px getPrimary($theme);
|
|
54
60
|
}
|
|
55
61
|
|
|
56
62
|
.the-line-connect-last {
|
|
@@ -59,10 +65,10 @@
|
|
|
59
65
|
margin: -80px -16px 56px -40px;
|
|
60
66
|
display: flex;
|
|
61
67
|
position: absolute;
|
|
62
|
-
z-index:
|
|
68
|
+
z-index: 0;
|
|
63
69
|
border-radius: 0 0 0 40px;
|
|
64
70
|
background: transparent;
|
|
65
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
71
|
+
box-shadow: inset 2px -2px 0px 2px getPrimary($theme);
|
|
66
72
|
}
|
|
67
73
|
|
|
68
74
|
.the-line-connect-first-modal {
|
|
@@ -71,9 +77,9 @@
|
|
|
71
77
|
margin: 56px -16px 56px -40px;
|
|
72
78
|
display: flex;
|
|
73
79
|
position: absolute;
|
|
74
|
-
z-index:
|
|
80
|
+
z-index: 0;
|
|
75
81
|
background: transparent;
|
|
76
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
82
|
+
box-shadow: inset 2px -2px 0px 2px getPrimaryAlpha($theme);
|
|
77
83
|
}
|
|
78
84
|
|
|
79
85
|
.the-line-connect-second-modal {
|
|
@@ -85,7 +91,7 @@
|
|
|
85
91
|
display: flex;
|
|
86
92
|
position: absolute;
|
|
87
93
|
background: transparent;
|
|
88
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
94
|
+
box-shadow: inset 2px -2px 0px 2px getPrimaryAlpha($theme);
|
|
89
95
|
}
|
|
90
96
|
|
|
91
97
|
.the-line-connect-last-modal {
|
|
@@ -97,7 +103,7 @@
|
|
|
97
103
|
border-radius: 0 0 0 40px;
|
|
98
104
|
z-index: 1;
|
|
99
105
|
background: transparent;
|
|
100
|
-
box-shadow: inset 2px -2px 0px 2px
|
|
106
|
+
box-shadow: inset 2px -2px 0px 2px getPrimaryAlpha($theme);
|
|
101
107
|
}
|
|
102
108
|
|
|
103
109
|
.the-line-connect-start-modal {
|
|
@@ -135,6 +141,7 @@
|
|
|
135
141
|
max-width: 264px;
|
|
136
142
|
width: 264px;
|
|
137
143
|
height: 80px;
|
|
144
|
+
z-index: 1;
|
|
138
145
|
|
|
139
146
|
&-header {
|
|
140
147
|
display: flex;
|
|
@@ -224,6 +231,8 @@
|
|
|
224
231
|
height: 80px;
|
|
225
232
|
margin: 16px 16px -10px 16px;
|
|
226
233
|
border-radius: 8px;
|
|
234
|
+
position: relative;
|
|
235
|
+
z-index: 1;
|
|
227
236
|
|
|
228
237
|
&-begin {
|
|
229
238
|
font-size: 16px;
|
|
@@ -248,6 +257,7 @@
|
|
|
248
257
|
position: relative;
|
|
249
258
|
background: map-get($background, card);
|
|
250
259
|
box-shadow: inset 0px 0px 0px 3px map-get($accent, default);
|
|
260
|
+
z-index: 1;
|
|
251
261
|
|
|
252
262
|
&-i {
|
|
253
263
|
line-height: 12px;
|
|
@@ -274,4 +284,4 @@
|
|
|
274
284
|
user-select: none;
|
|
275
285
|
/* Non-prefixed version, currently */
|
|
276
286
|
}
|
|
277
|
-
}
|
|
287
|
+
}
|