File tree 1 file changed +20
-2
lines changed 1 file changed +20
-2
lines changed Original file line number Diff line number Diff line change 1
1
@import (less ) " ../../node_modules/purecss/build/pure-nr-min.css" ;
2
2
@import (less ) " ../../node_modules/purecss/build/grids-responsive-min.css" ;
3
3
@tint : #10aded ;
4
+
4
5
html ,
5
6
button ,
6
7
input ,
@@ -21,10 +22,12 @@ textarea {
21
22
nav {
22
23
> section {
23
24
padding : 0.3em ;
25
+
24
26
& :empty {
25
27
display : none ;
26
28
}
27
29
}
30
+
28
31
overflow : auto ;
29
32
box-sizing : border-box ;
30
33
background : lighten (@tint , 50% );
@@ -52,26 +55,31 @@ main {
52
55
box-sizing : border-box ;
53
56
height : 100% ;
54
57
overflow : hidden ;
58
+
55
59
> form {
56
60
& .closed {
57
61
display : none ;
58
62
}
63
+
59
64
& :not (.closed )~ #visBtn {
60
65
display : none ;
61
66
}
67
+
62
68
>* :not (:first-child ) {
63
69
margin-top : 0.5em ;
64
70
}
71
+
65
72
box-shadow : 2px 0 10px 1px rgba (0 , 0 , 0 , 0.2 );
66
73
margin : -1em -1em 1em -1em ;
67
74
padding : 0.5em 1em ;
68
75
border-bottom : 1px solid #EEE ;
69
76
z-index : 1 ;
70
77
}
78
+
71
79
> svg {
72
80
margin : -1em ;
73
- width : calc ( 100% + 2rem );
74
- height : calc ( 100% + 2rem );
81
+ width : calc (100% + 2rem );
82
+ height : calc (100% + 2rem );
75
83
box-sizing : content-box ;
76
84
}
77
85
}
@@ -89,6 +97,7 @@ header {
89
97
line-height : 2em ;
90
98
font-size : 2em ;
91
99
color : white ;
100
+
92
101
img {
93
102
height : 1.5em ;
94
103
margin-top : .25em ;
@@ -135,22 +144,26 @@ button[onclick="toggle('createLanguage')"]:hover use {
135
144
& .pure-button-primary use {
136
145
fill : white ;
137
146
}
147
+
138
148
& .large-icon-button {
139
149
text-align : center ;
140
150
font-size : 0.7em ;
151
+
141
152
svg {
142
153
display : block ;
143
154
margin : 0 auto ;
144
155
width : 2em ;
145
156
height : 2em ;
146
157
}
147
158
}
159
+
148
160
svg {
149
161
display : inline-block ;
150
162
margin-bottom : -0.2ex ;
151
163
width : 1em ;
152
164
height : 1em ;
153
165
}
166
+
154
167
overflow : hidden ;
155
168
text-overflow : ellipsis ;
156
169
}
@@ -160,22 +173,27 @@ button[onclick="toggle('createLanguage')"]:hover use {
160
173
fill : url(" ../svg.svg#bubbleGradient" ) #EEE ;
161
174
stroke : transparent ;
162
175
}
176
+
163
177
> use {
164
178
pointer-events : none ;
165
179
}
180
+
166
181
> path {
167
182
fill : #EEE ;
168
183
cursor : pointer ;
169
184
mix-blend-mode : darken ;
170
185
stroke : #AAA ;
171
186
stroke-width : 0.5 ;
187
+
172
188
& :hover {
173
189
fill : #ff2d2d ;
174
190
}
175
191
}
192
+
176
193
> path + use {
177
194
fill : black ;
178
195
}
196
+
179
197
> path :hover + use {
180
198
fill : white ;
181
199
}
You can’t perform that action at this time.
0 commit comments