WIP WYSIWYG ~3D SVG editor.
Update styles for properties panel.
Probably going to get rid of this shadow down the line, but
+27
-2
+27
-2
styles.css
+27
-2
styles.css
···
155
155
background: var(--lace);
156
156
color: var(--raisin);
157
157
border-radius: var(--roundness);
158
+
border: 2px solid var(--raisin);
159
+
box-shadow: .5px .5px 0 .5px var(--raisin);
158
160
}
159
161
160
162
.prop-group {
···
168
170
display: flex;
169
171
flex-flow: row wrap;
170
172
align-items: center;
173
+
justify-content: space-between;
171
174
}
172
175
173
176
.prop h4 {
174
177
flex-basis: 100%;
178
+
text-align: center;
179
+
line-height: 1;
180
+
margin-top: .5rem;
181
+
}
182
+
183
+
.prop.vector label {
184
+
margin-right: 0 !important;
185
+
}
186
+
187
+
.prop.vector input + label {
188
+
margin-left: .75rem;
175
189
}
176
190
177
191
.prop input[type="number"] {
178
192
width: 1rem;
179
-
flex-grow: 1;
193
+
flex-grow: 10;
194
+
}
195
+
196
+
.prop input {
197
+
margin: .25rem 0;
198
+
padding: .125rem;
199
+
text-align: center;
200
+
max-width: 6rem;
201
+
border: 1px solid var(--raisin);
202
+
box-shadow: .5px .5px 0 .5px var(--raisin);
203
+
border-radius: calc( var(--roundness) / 2 );
180
204
}
181
205
182
206
#properties label {
183
207
font-weight: bold;
184
208
font-size: 1em;
185
-
margin: 0 .25rem;
209
+
margin-right: .25rem;
210
+
flex-grow: 1;
186
211
}
187
212
188
213
#properties.hidden .prop-group, #properties .hidden {