fomantic-ui-sass 2.9.0 → 2.9.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -0
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
- data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
- data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
- data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
- data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
- data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
- data/app/assets/javascripts/semantic-ui/embed.js +646 -676
- data/app/assets/javascripts/semantic-ui/flyout.js +1503 -1466
- data/app/assets/javascripts/semantic-ui/form.js +2035 -2007
- data/app/assets/javascripts/semantic-ui/modal.js +1552 -1487
- data/app/assets/javascripts/semantic-ui/nag.js +521 -527
- data/app/assets/javascripts/semantic-ui/popup.js +1469 -1457
- data/app/assets/javascripts/semantic-ui/progress.js +944 -998
- data/app/assets/javascripts/semantic-ui/rating.js +508 -524
- data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
- data/app/assets/javascripts/semantic-ui/shape.js +762 -811
- data/app/assets/javascripts/semantic-ui/sidebar.js +1042 -1100
- data/app/assets/javascripts/semantic-ui/site.js +437 -477
- data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
- data/app/assets/javascripts/semantic-ui/state.js +639 -658
- data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
- data/app/assets/javascripts/semantic-ui/tab.js +903 -967
- data/app/assets/javascripts/semantic-ui/toast.js +911 -885
- data/app/assets/javascripts/semantic-ui/transition.js +998 -1078
- data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +311 -377
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +191 -331
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +302 -439
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3558 -3558
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +416 -300
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +173 -227
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +34 -34
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +29 -51
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +159 -230
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +261 -393
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +21 -32
- data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +573 -206
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +102 -127
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +87 -134
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +1 -1
- metadata +17 -1
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.2 - Form
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
|
-
*
|
7
|
+
* https://opensource.org/licenses/MIT
|
8
8
|
*
|
9
9
|
*/
|
10
10
|
|
@@ -14,27 +14,24 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
|
17
|
-
|
17
|
+
/* --------------------
|
18
18
|
Form
|
19
|
-
|
20
|
-
|
19
|
+
--------------------- */
|
21
20
|
.ui.form {
|
22
21
|
position: relative;
|
23
22
|
max-width: 100%;
|
24
23
|
}
|
25
24
|
|
26
|
-
|
25
|
+
/* --------------------
|
27
26
|
Content
|
28
|
-
|
29
|
-
|
27
|
+
--------------------- */
|
30
28
|
.ui.form > p {
|
31
29
|
margin: 1em 0;
|
32
30
|
}
|
33
31
|
|
34
|
-
|
32
|
+
/* --------------------
|
35
33
|
Field
|
36
|
-
|
37
|
-
|
34
|
+
--------------------- */
|
38
35
|
.ui.form .field {
|
39
36
|
clear: both;
|
40
37
|
margin: 0 0 1em;
|
@@ -49,10 +46,9 @@
|
|
49
46
|
margin: 0;
|
50
47
|
}
|
51
48
|
|
52
|
-
|
49
|
+
/* --------------------
|
53
50
|
Labels
|
54
|
-
|
55
|
-
|
51
|
+
--------------------- */
|
56
52
|
.ui.form .field > label {
|
57
53
|
display: block;
|
58
54
|
margin: 0 0 0.28571429rem 0;
|
@@ -64,10 +60,9 @@
|
|
64
60
|
color: rgba(0, 0, 0, 0.87);
|
65
61
|
}
|
66
62
|
|
67
|
-
|
63
|
+
/* --------------------
|
68
64
|
Standard Inputs
|
69
|
-
|
70
|
-
|
65
|
+
--------------------- */
|
71
66
|
.ui.form textarea,
|
72
67
|
.ui.form input:not([type]),
|
73
68
|
.ui.form input[type="color"],
|
@@ -108,7 +103,7 @@
|
|
108
103
|
.ui.form input[type="file"],
|
109
104
|
.ui.form input[type="url"],
|
110
105
|
.ui.form input[type="week"] {
|
111
|
-
font-family:
|
106
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
112
107
|
margin: 0;
|
113
108
|
outline: none;
|
114
109
|
-webkit-appearance: none;
|
@@ -116,13 +111,11 @@
|
|
116
111
|
line-height: 1.21428571em;
|
117
112
|
padding: 0.67857143em 1em;
|
118
113
|
font-size: 1em;
|
119
|
-
background: #
|
114
|
+
background: #fff;
|
120
115
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
121
116
|
color: rgba(0, 0, 0, 0.87);
|
122
117
|
border-radius: 0.28571429rem;
|
123
|
-
|
124
|
-
box-shadow: 0 0 0 0 transparent inset;
|
125
|
-
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
118
|
+
box-shadow: 0 0 0 0 transparent inset;
|
126
119
|
transition: color 0.1s ease, border-color 0.1s ease;
|
127
120
|
}
|
128
121
|
.ui.form input[type="color"] {
|
@@ -143,17 +136,15 @@
|
|
143
136
|
-webkit-appearance: none;
|
144
137
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
145
138
|
padding: 0.78571429em 1em;
|
146
|
-
background: #
|
139
|
+
background: #fff;
|
147
140
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
148
141
|
outline: none;
|
149
142
|
color: rgba(0, 0, 0, 0.87);
|
150
143
|
border-radius: 0.28571429rem;
|
151
|
-
|
152
|
-
box-shadow: 0 0 0 0 transparent inset;
|
153
|
-
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
144
|
+
box-shadow: 0 0 0 0 transparent inset;
|
154
145
|
transition: color 0.1s ease, border-color 0.1s ease;
|
155
146
|
font-size: 1em;
|
156
|
-
font-family:
|
147
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
157
148
|
line-height: 1.2857;
|
158
149
|
resize: vertical;
|
159
150
|
}
|
@@ -167,10 +158,9 @@
|
|
167
158
|
vertical-align: top;
|
168
159
|
}
|
169
160
|
|
170
|
-
|
161
|
+
/* --------------------
|
171
162
|
Checkbox margin
|
172
|
-
|
173
|
-
|
163
|
+
--------------------- */
|
174
164
|
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox {
|
175
165
|
margin-top: 0.7em;
|
176
166
|
}
|
@@ -193,10 +183,9 @@
|
|
193
183
|
margin-top: 0.7em;
|
194
184
|
}
|
195
185
|
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
186
|
+
/* --------------------
|
187
|
+
Transparent
|
188
|
+
--------------------- */
|
200
189
|
.ui.form .field .transparent.input:not(.icon) input,
|
201
190
|
.ui.form .field input.transparent,
|
202
191
|
.ui.form .field textarea.transparent {
|
@@ -206,41 +195,35 @@
|
|
206
195
|
.ui.form .field textarea.transparent {
|
207
196
|
border-color: transparent !important;
|
208
197
|
background-color: transparent !important;
|
209
|
-
|
210
|
-
box-shadow: none !important;
|
198
|
+
box-shadow: none !important;
|
211
199
|
}
|
212
200
|
|
213
|
-
|
201
|
+
/* --------------------------
|
214
202
|
Input w/ attached Button
|
215
|
-
|
216
|
-
|
203
|
+
--------------------------- */
|
217
204
|
.ui.form input.attached {
|
218
205
|
width: auto;
|
219
206
|
}
|
220
207
|
|
221
|
-
|
208
|
+
/* --------------------
|
222
209
|
Basic Select
|
223
|
-
|
224
|
-
|
210
|
+
--------------------- */
|
225
211
|
.ui.form select {
|
226
212
|
display: block;
|
227
213
|
height: auto;
|
228
214
|
width: 100%;
|
229
|
-
background: #
|
215
|
+
background: #fff;
|
230
216
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
231
217
|
border-radius: 0.28571429rem;
|
232
|
-
|
233
|
-
box-shadow: 0 0 0 0 transparent inset;
|
218
|
+
box-shadow: 0 0 0 0 transparent inset;
|
234
219
|
padding: 0.62em 1em;
|
235
220
|
color: rgba(0, 0, 0, 0.87);
|
236
|
-
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
237
221
|
transition: color 0.1s ease, border-color 0.1s ease;
|
238
222
|
}
|
239
223
|
|
240
|
-
|
224
|
+
/* --------------------
|
241
225
|
Dropdown
|
242
|
-
|
243
|
-
|
226
|
+
--------------------- */
|
244
227
|
|
245
228
|
/* Block */
|
246
229
|
.ui.form .field > .selection.dropdown:not(.compact) {
|
@@ -261,10 +244,9 @@
|
|
261
244
|
float: none;
|
262
245
|
}
|
263
246
|
|
264
|
-
|
247
|
+
/* --------------------
|
265
248
|
UI Input
|
266
|
-
|
267
|
-
|
249
|
+
--------------------- */
|
268
250
|
|
269
251
|
/* Block */
|
270
252
|
.ui.form .field .ui.input,
|
@@ -273,7 +255,7 @@
|
|
273
255
|
width: 100%;
|
274
256
|
}
|
275
257
|
|
276
|
-
/* Inline
|
258
|
+
/* Inline */
|
277
259
|
.ui.form .inline.fields .field:not(.wide) .ui.input,
|
278
260
|
.ui.form .inline.field:not(.wide) .ui.input {
|
279
261
|
width: auto;
|
@@ -297,16 +279,13 @@
|
|
297
279
|
.ui.form .three.fields .ui.input input,
|
298
280
|
.ui.form .two.fields .ui.input input,
|
299
281
|
.ui.form .wide.field .ui.input input {
|
300
|
-
|
301
|
-
-ms-flex: 1 0 auto;
|
302
|
-
flex: 1 0 auto;
|
282
|
+
flex: 1 0 auto;
|
303
283
|
width: 0;
|
304
284
|
}
|
305
285
|
|
306
|
-
|
286
|
+
/* --------------------
|
307
287
|
Types of Messages
|
308
|
-
|
309
|
-
|
288
|
+
--------------------- */
|
310
289
|
.ui.form .error.message,
|
311
290
|
.ui.form .error.message:empty {
|
312
291
|
display: none;
|
@@ -329,18 +308,17 @@
|
|
329
308
|
margin-top: 0;
|
330
309
|
}
|
331
310
|
|
332
|
-
|
311
|
+
/* --------------------
|
333
312
|
Validation Prompt
|
334
|
-
|
335
|
-
|
313
|
+
--------------------- */
|
336
314
|
.ui.form .field .prompt.label {
|
337
315
|
white-space: normal;
|
338
|
-
background: #
|
339
|
-
border: 1px solid #
|
340
|
-
color: #
|
316
|
+
background: #fff !important;
|
317
|
+
border: 1px solid #e0b4b4 !important;
|
318
|
+
color: #9f3a38 !important;
|
341
319
|
}
|
342
320
|
.ui.form .field .prompt.label li::before {
|
343
|
-
color: #
|
321
|
+
color: #9f3a38;
|
344
322
|
}
|
345
323
|
.ui.form .inline.fields .field .prompt,
|
346
324
|
.ui.form .inline.field .prompt {
|
@@ -362,53 +340,53 @@
|
|
362
340
|
*******************************/
|
363
341
|
|
364
342
|
|
365
|
-
|
343
|
+
/* --------------------
|
366
344
|
Autofilled
|
367
|
-
|
368
|
-
|
345
|
+
--------------------- */
|
369
346
|
.ui.form .field.field input:-webkit-autofill {
|
370
|
-
|
371
|
-
|
372
|
-
border-color: #E5DFA1 !important;
|
347
|
+
box-shadow: 0 0 0 100px #fffff0 inset !important;
|
348
|
+
border-color: #e5dfa1 !important;
|
373
349
|
}
|
374
350
|
|
375
351
|
/* Focus */
|
376
352
|
.ui.form .field.field input:-webkit-autofill:focus {
|
377
|
-
|
378
|
-
|
379
|
-
border-color: #D5C315 !important;
|
353
|
+
box-shadow: 0 0 0 100px #fffff0 inset !important;
|
354
|
+
border-color: #d5c315 !important;
|
380
355
|
}
|
381
356
|
|
382
|
-
|
357
|
+
/* --------------------
|
383
358
|
Placeholder
|
384
|
-
|
385
|
-
|
359
|
+
--------------------- */
|
386
360
|
|
387
361
|
/* browsers require these rules separate */
|
388
|
-
.ui.form
|
362
|
+
.ui.form :-ms-input-placeholder {
|
363
|
+
color: rgba(191, 191, 191, 0.87);
|
364
|
+
}
|
365
|
+
.ui.form ::-ms-input-placeholder {
|
366
|
+
color: rgba(191, 191, 191, 0.87);
|
367
|
+
}
|
368
|
+
.ui.form ::placeholder {
|
389
369
|
color: rgba(191, 191, 191, 0.87);
|
390
370
|
}
|
391
371
|
.ui.form :-ms-input-placeholder {
|
392
372
|
color: rgba(191, 191, 191, 0.87) !important;
|
393
373
|
}
|
394
|
-
.ui.form
|
395
|
-
color: rgba(
|
396
|
-
opacity: 1;
|
374
|
+
.ui.form :focus:-ms-input-placeholder {
|
375
|
+
color: rgba(115, 115, 115, 0.87);
|
397
376
|
}
|
398
|
-
.ui.form :focus::-
|
377
|
+
.ui.form :focus::-ms-input-placeholder {
|
378
|
+
color: rgba(115, 115, 115, 0.87);
|
379
|
+
}
|
380
|
+
.ui.form :focus::placeholder {
|
399
381
|
color: rgba(115, 115, 115, 0.87);
|
400
382
|
}
|
401
383
|
.ui.form :focus:-ms-input-placeholder {
|
402
384
|
color: rgba(115, 115, 115, 0.87) !important;
|
403
385
|
}
|
404
|
-
.ui.form :focus::-moz-placeholder {
|
405
|
-
color: rgba(115, 115, 115, 0.87);
|
406
|
-
}
|
407
386
|
|
408
|
-
|
387
|
+
/* --------------------
|
409
388
|
Focus
|
410
|
-
|
411
|
-
|
389
|
+
--------------------- */
|
412
390
|
.ui.form input:not([type]):focus,
|
413
391
|
.ui.form input[type="color"]:focus,
|
414
392
|
.ui.form input[type="date"]:focus,
|
@@ -425,11 +403,10 @@
|
|
425
403
|
.ui.form input[type="url"]:focus,
|
426
404
|
.ui.form input[type="week"]:focus {
|
427
405
|
color: rgba(0, 0, 0, 0.95);
|
428
|
-
border-color: #
|
406
|
+
border-color: #85b7d9;
|
429
407
|
border-radius: 0.28571429rem;
|
430
|
-
background: #
|
431
|
-
|
432
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
|
408
|
+
background: #fff;
|
409
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
|
433
410
|
}
|
434
411
|
.ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
|
435
412
|
.ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
|
@@ -469,11 +446,10 @@
|
|
469
446
|
}
|
470
447
|
.ui.form textarea:focus {
|
471
448
|
color: rgba(0, 0, 0, 0.95);
|
472
|
-
border-color: #
|
449
|
+
border-color: #85b7d9;
|
473
450
|
border-radius: 0.28571429rem;
|
474
|
-
background: #
|
475
|
-
|
476
|
-
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
|
451
|
+
background: #fff;
|
452
|
+
box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
|
477
453
|
-webkit-appearance: none;
|
478
454
|
}
|
479
455
|
|
@@ -482,10 +458,9 @@
|
|
482
458
|
opacity: 1;
|
483
459
|
}
|
484
460
|
|
485
|
-
|
486
|
-
|
487
|
-
|
488
|
-
|
461
|
+
/* --------------------
|
462
|
+
States
|
463
|
+
--------------------- */
|
489
464
|
|
490
465
|
/* On Form */
|
491
466
|
.ui.form.error .error.message:not(:empty) {
|
@@ -495,8 +470,6 @@
|
|
495
470
|
display: inline-block;
|
496
471
|
}
|
497
472
|
.ui.form.error .icon.error.message:not(:empty) {
|
498
|
-
display: -webkit-box;
|
499
|
-
display: -ms-flexbox;
|
500
473
|
display: flex;
|
501
474
|
}
|
502
475
|
|
@@ -511,8 +484,6 @@
|
|
511
484
|
}
|
512
485
|
.ui.form .fields.error .icon.error.message:not(:empty),
|
513
486
|
.ui.form .field.error .icon.error.message:not(:empty) {
|
514
|
-
display: -webkit-box;
|
515
|
-
display: -ms-flexbox;
|
516
487
|
display: flex;
|
517
488
|
}
|
518
489
|
.ui.ui.form .fields.error .field label,
|
@@ -521,7 +492,7 @@
|
|
521
492
|
.ui.ui.form .field.error .ui.label:not(.corner),
|
522
493
|
.ui.ui.form .fields.error .field .input,
|
523
494
|
.ui.ui.form .field.error .input {
|
524
|
-
color: #
|
495
|
+
color: #9f3a38;
|
525
496
|
}
|
526
497
|
.ui.form .fields.error .field .ui.label,
|
527
498
|
.ui.form .field.error .ui.label {
|
@@ -529,8 +500,8 @@
|
|
529
500
|
}
|
530
501
|
.ui.form .fields.error .field .corner.label,
|
531
502
|
.ui.form .field.error .corner.label {
|
532
|
-
border-color: #
|
533
|
-
color: #
|
503
|
+
border-color: #9f3a38;
|
504
|
+
color: #fff;
|
534
505
|
}
|
535
506
|
.ui.form .fields.error .field textarea,
|
536
507
|
.ui.form .fields.error .field select,
|
@@ -566,40 +537,31 @@
|
|
566
537
|
.ui.form .field.error input[type="file"],
|
567
538
|
.ui.form .field.error input[type="url"],
|
568
539
|
.ui.form .field.error input[type="week"] {
|
569
|
-
color: #
|
570
|
-
background: #
|
571
|
-
border-color: #
|
572
|
-
border-radius:
|
573
|
-
-webkit-box-shadow: none;
|
574
|
-
box-shadow: none;
|
575
|
-
}
|
576
|
-
.ui.form .field input:not(:-moz-placeholder-shown):invalid {
|
577
|
-
color: #9F3A38;
|
578
|
-
background: #FFF6F6;
|
579
|
-
border-color: #E0B4B4;
|
580
|
-
border-radius: '';
|
540
|
+
color: #9f3a38;
|
541
|
+
background: #fff6f6;
|
542
|
+
border-color: #e0b4b4;
|
543
|
+
border-radius: "";
|
581
544
|
box-shadow: none;
|
582
545
|
}
|
583
546
|
.ui.form .field input:not(:-ms-input-placeholder):invalid {
|
584
|
-
color: #
|
585
|
-
background: #
|
586
|
-
border-color: #
|
587
|
-
border-radius:
|
547
|
+
color: #9f3a38;
|
548
|
+
background: #fff6f6;
|
549
|
+
border-color: #e0b4b4;
|
550
|
+
border-radius: "";
|
588
551
|
box-shadow: none;
|
589
552
|
}
|
590
553
|
.ui.form .field input:not(:placeholder-shown):invalid {
|
591
|
-
color: #
|
592
|
-
background: #
|
593
|
-
border-color: #
|
594
|
-
border-radius:
|
595
|
-
|
596
|
-
box-shadow: none;
|
554
|
+
color: #9f3a38;
|
555
|
+
background: #fff6f6;
|
556
|
+
border-color: #e0b4b4;
|
557
|
+
border-radius: "";
|
558
|
+
box-shadow: none;
|
597
559
|
}
|
598
560
|
.ui.form .field input:not(:-ms-input-placeholder):invalid {
|
599
|
-
color: #
|
600
|
-
background: #
|
601
|
-
border-color: #
|
602
|
-
border-radius:
|
561
|
+
color: #9f3a38;
|
562
|
+
background: #fff6f6;
|
563
|
+
border-color: #e0b4b4;
|
564
|
+
border-radius: "";
|
603
565
|
box-shadow: none;
|
604
566
|
}
|
605
567
|
.ui.form .field.error textarea:focus,
|
@@ -619,11 +581,10 @@
|
|
619
581
|
.ui.form .field.error input[type="file"]:focus,
|
620
582
|
.ui.form .field.error input[type="url"]:focus,
|
621
583
|
.ui.form .field.error input[type="week"]:focus {
|
622
|
-
background: #
|
623
|
-
border-color: #
|
624
|
-
color: #
|
625
|
-
|
626
|
-
box-shadow: none;
|
584
|
+
background: #fff6f6;
|
585
|
+
border-color: #e0b4b4;
|
586
|
+
color: #9f3a38;
|
587
|
+
box-shadow: none;
|
627
588
|
}
|
628
589
|
|
629
590
|
/* Preserve Native Select Stylings */
|
@@ -632,8 +593,8 @@
|
|
632
593
|
}
|
633
594
|
|
634
595
|
/*------------------
|
635
|
-
|
636
|
-
|
596
|
+
Input State
|
597
|
+
--------------------*/
|
637
598
|
|
638
599
|
|
639
600
|
/* Transparent */
|
@@ -641,101 +602,106 @@
|
|
641
602
|
.ui.form .field.error .transparent.input textarea,
|
642
603
|
.ui.form .field.error input.transparent,
|
643
604
|
.ui.form .field.error textarea.transparent {
|
644
|
-
background-color: #
|
645
|
-
color: #
|
605
|
+
background-color: #fff6f6 !important;
|
606
|
+
color: #9f3a38 !important;
|
646
607
|
}
|
647
608
|
|
648
609
|
/* Autofilled */
|
649
610
|
.ui.form .error.error input:-webkit-autofill {
|
650
|
-
|
651
|
-
|
652
|
-
border-color: #E0B4B4 !important;
|
611
|
+
box-shadow: 0 0 0 100px #fffaf0 inset !important;
|
612
|
+
border-color: #e0b4b4 !important;
|
653
613
|
}
|
654
614
|
|
655
615
|
/* Placeholder */
|
656
|
-
.ui.form .error
|
616
|
+
.ui.form .error :-ms-input-placeholder {
|
617
|
+
color: #e7bdbc;
|
618
|
+
}
|
619
|
+
.ui.form .error ::-ms-input-placeholder {
|
620
|
+
color: #e7bdbc;
|
621
|
+
}
|
622
|
+
.ui.form .error ::placeholder {
|
657
623
|
color: #e7bdbc;
|
658
624
|
}
|
659
625
|
.ui.form .error :-ms-input-placeholder {
|
660
626
|
color: #e7bdbc !important;
|
661
627
|
}
|
662
|
-
.ui.form .error
|
663
|
-
color: #
|
628
|
+
.ui.form .error :focus:-ms-input-placeholder {
|
629
|
+
color: #da9796;
|
664
630
|
}
|
665
|
-
.ui.form .error :focus::-
|
631
|
+
.ui.form .error :focus::-ms-input-placeholder {
|
632
|
+
color: #da9796;
|
633
|
+
}
|
634
|
+
.ui.form .error :focus::placeholder {
|
666
635
|
color: #da9796;
|
667
636
|
}
|
668
637
|
.ui.form .error :focus:-ms-input-placeholder {
|
669
638
|
color: #da9796 !important;
|
670
639
|
}
|
671
|
-
.ui.form .error :focus::-moz-placeholder {
|
672
|
-
color: #da9796;
|
673
|
-
}
|
674
640
|
|
675
641
|
/*------------------
|
676
|
-
|
677
|
-
|
642
|
+
Dropdown State
|
643
|
+
--------------------*/
|
678
644
|
|
679
645
|
.ui.form .fields.error .field .ui.dropdown,
|
680
646
|
.ui.form .fields.error .field .ui.dropdown .item,
|
681
647
|
.ui.form .field.error .ui.dropdown,
|
682
648
|
.ui.form .field.error .ui.dropdown > .text,
|
683
649
|
.ui.form .field.error .ui.dropdown .item {
|
684
|
-
background: #
|
685
|
-
color: #
|
650
|
+
background: #fff6f6;
|
651
|
+
color: #9f3a38;
|
686
652
|
}
|
687
653
|
.ui.form .fields.error .field .ui.dropdown,
|
688
654
|
.ui.form .field.error .ui.dropdown {
|
689
|
-
border-color: #
|
655
|
+
border-color: #e0b4b4 !important;
|
690
656
|
}
|
691
657
|
.ui.form .fields.error .field .ui.dropdown:hover,
|
692
658
|
.ui.form .field.error .ui.dropdown:hover {
|
693
|
-
border-color: #
|
659
|
+
border-color: #e0b4b4 !important;
|
694
660
|
}
|
695
661
|
.ui.form .fields.error .field .ui.dropdown:hover .menu,
|
696
662
|
.ui.form .field.error .ui.dropdown:hover .menu {
|
697
|
-
border-color: #
|
663
|
+
border-color: #e0b4b4;
|
698
664
|
}
|
699
665
|
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
|
700
666
|
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
|
701
|
-
background-color: #
|
702
|
-
color: #
|
667
|
+
background-color: #eacbcb;
|
668
|
+
color: #9f3a38;
|
703
669
|
}
|
704
670
|
|
705
671
|
/* Hover */
|
706
672
|
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
|
707
673
|
.ui.form .field.error .ui.dropdown .menu .item:hover {
|
708
|
-
background-color: #
|
674
|
+
background-color: #fbe7e7;
|
709
675
|
}
|
710
676
|
|
711
677
|
/* Selected */
|
712
678
|
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
|
713
679
|
.ui.form .field.error .ui.dropdown .menu .selected.item {
|
714
|
-
background-color: #
|
680
|
+
background-color: #fbe7e7;
|
715
681
|
}
|
716
682
|
|
717
683
|
/* Active */
|
718
684
|
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
|
719
685
|
.ui.form .field.error .ui.dropdown .menu .active.item {
|
720
|
-
background-color: #
|
686
|
+
background-color: #fdcfcf !important;
|
721
687
|
}
|
722
688
|
|
723
689
|
/*--------------------
|
724
|
-
|
725
|
-
|
690
|
+
Checkbox State
|
691
|
+
---------------------*/
|
726
692
|
|
727
693
|
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
|
728
694
|
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
|
729
|
-
color: #
|
695
|
+
color: #9f3a38;
|
730
696
|
}
|
731
697
|
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before,
|
732
698
|
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before {
|
733
|
-
background: #
|
734
|
-
border-color: #
|
699
|
+
background: #fff6f6;
|
700
|
+
border-color: #e0b4b4;
|
735
701
|
}
|
736
702
|
.ui.form .fields.error .field .checkbox label::after,
|
737
703
|
.ui.form .field.error .checkbox label::after {
|
738
|
-
color: #
|
704
|
+
color: #9f3a38;
|
739
705
|
}
|
740
706
|
.ui.inverted.form .fields.error .field label,
|
741
707
|
.ui.inverted.form .error.field label {
|
@@ -750,8 +716,6 @@
|
|
750
716
|
display: inline-block;
|
751
717
|
}
|
752
718
|
.ui.form.info .icon.info.message:not(:empty) {
|
753
|
-
display: -webkit-box;
|
754
|
-
display: -ms-flexbox;
|
755
719
|
display: flex;
|
756
720
|
}
|
757
721
|
|
@@ -766,8 +730,6 @@
|
|
766
730
|
}
|
767
731
|
.ui.form .fields.info .icon.info.message:not(:empty),
|
768
732
|
.ui.form .field.info .icon.info.message:not(:empty) {
|
769
|
-
display: -webkit-box;
|
770
|
-
display: -ms-flexbox;
|
771
733
|
display: flex;
|
772
734
|
}
|
773
735
|
.ui.ui.form .fields.info .field label,
|
@@ -776,7 +738,7 @@
|
|
776
738
|
.ui.ui.form .field.info .ui.label:not(.corner),
|
777
739
|
.ui.ui.form .fields.info .field .input,
|
778
740
|
.ui.ui.form .field.info .input {
|
779
|
-
color: #
|
741
|
+
color: #276f86;
|
780
742
|
}
|
781
743
|
.ui.form .fields.info .field .ui.label,
|
782
744
|
.ui.form .field.info .ui.label {
|
@@ -784,8 +746,8 @@
|
|
784
746
|
}
|
785
747
|
.ui.form .fields.info .field .corner.label,
|
786
748
|
.ui.form .field.info .corner.label {
|
787
|
-
border-color: #
|
788
|
-
color: #
|
749
|
+
border-color: #276f86;
|
750
|
+
color: #fff;
|
789
751
|
}
|
790
752
|
.ui.form .fields.info .field textarea,
|
791
753
|
.ui.form .fields.info .field select,
|
@@ -821,12 +783,11 @@
|
|
821
783
|
.ui.form .field.info input[type="file"],
|
822
784
|
.ui.form .field.info input[type="url"],
|
823
785
|
.ui.form .field.info input[type="week"] {
|
824
|
-
color: #
|
825
|
-
background: #
|
826
|
-
border-color: #
|
827
|
-
border-radius:
|
828
|
-
|
829
|
-
box-shadow: none;
|
786
|
+
color: #276f86;
|
787
|
+
background: #f8ffff;
|
788
|
+
border-color: #a9d5de;
|
789
|
+
border-radius: "";
|
790
|
+
box-shadow: none;
|
830
791
|
}
|
831
792
|
.ui.form .field.info textarea:focus,
|
832
793
|
.ui.form .field.info select:focus,
|
@@ -845,11 +806,10 @@
|
|
845
806
|
.ui.form .field.info input[type="file"]:focus,
|
846
807
|
.ui.form .field.info input[type="url"]:focus,
|
847
808
|
.ui.form .field.info input[type="week"]:focus {
|
848
|
-
background: #
|
849
|
-
border-color: #
|
850
|
-
color: #
|
851
|
-
|
852
|
-
box-shadow: none;
|
809
|
+
background: #f8ffff;
|
810
|
+
border-color: #a9d5de;
|
811
|
+
color: #276f86;
|
812
|
+
box-shadow: none;
|
853
813
|
}
|
854
814
|
|
855
815
|
/* Preserve Native Select Stylings */
|
@@ -858,8 +818,8 @@
|
|
858
818
|
}
|
859
819
|
|
860
820
|
/*------------------
|
861
|
-
|
862
|
-
|
821
|
+
Input State
|
822
|
+
--------------------*/
|
863
823
|
|
864
824
|
|
865
825
|
/* Transparent */
|
@@ -867,65 +827,70 @@
|
|
867
827
|
.ui.form .field.info .transparent.input textarea,
|
868
828
|
.ui.form .field.info input.transparent,
|
869
829
|
.ui.form .field.info textarea.transparent {
|
870
|
-
background-color: #
|
871
|
-
color: #
|
830
|
+
background-color: #f8ffff !important;
|
831
|
+
color: #276f86 !important;
|
872
832
|
}
|
873
833
|
|
874
834
|
/* Autofilled */
|
875
835
|
.ui.form .info.info input:-webkit-autofill {
|
876
|
-
|
877
|
-
box-shadow: 0 0 0 100px #F0FAFF inset !important;
|
836
|
+
box-shadow: 0 0 0 100px #f0faff inset !important;
|
878
837
|
border-color: #b3e0e0 !important;
|
879
838
|
}
|
880
839
|
|
881
840
|
/* Placeholder */
|
882
|
-
.ui.form .info
|
841
|
+
.ui.form .info :-ms-input-placeholder {
|
842
|
+
color: #98cfe1;
|
843
|
+
}
|
844
|
+
.ui.form .info ::-ms-input-placeholder {
|
845
|
+
color: #98cfe1;
|
846
|
+
}
|
847
|
+
.ui.form .info ::placeholder {
|
883
848
|
color: #98cfe1;
|
884
849
|
}
|
885
850
|
.ui.form .info :-ms-input-placeholder {
|
886
851
|
color: #98cfe1 !important;
|
887
852
|
}
|
888
|
-
.ui.form .info
|
889
|
-
color: #
|
853
|
+
.ui.form .info :focus:-ms-input-placeholder {
|
854
|
+
color: #70bdd6;
|
855
|
+
}
|
856
|
+
.ui.form .info :focus::-ms-input-placeholder {
|
857
|
+
color: #70bdd6;
|
890
858
|
}
|
891
|
-
.ui.form .info :focus
|
859
|
+
.ui.form .info :focus::placeholder {
|
892
860
|
color: #70bdd6;
|
893
861
|
}
|
894
862
|
.ui.form .info :focus:-ms-input-placeholder {
|
895
863
|
color: #70bdd6 !important;
|
896
864
|
}
|
897
|
-
.ui.form .info :focus::-moz-placeholder {
|
898
|
-
color: #70bdd6;
|
899
|
-
}
|
900
865
|
|
901
866
|
/*------------------
|
902
|
-
|
903
|
-
|
867
|
+
Dropdown State
|
868
|
+
--------------------*/
|
904
869
|
|
905
870
|
.ui.form .fields.info .field .ui.dropdown,
|
906
871
|
.ui.form .fields.info .field .ui.dropdown .item,
|
907
872
|
.ui.form .field.info .ui.dropdown,
|
908
873
|
.ui.form .field.info .ui.dropdown > .text,
|
909
874
|
.ui.form .field.info .ui.dropdown .item {
|
910
|
-
background: #
|
911
|
-
color: #
|
875
|
+
background: #f8ffff;
|
876
|
+
color: #276f86;
|
912
877
|
}
|
913
878
|
.ui.form .fields.info .field .ui.dropdown,
|
914
879
|
.ui.form .field.info .ui.dropdown {
|
915
|
-
border-color: #
|
880
|
+
border-color: #a9d5de !important;
|
916
881
|
}
|
917
882
|
.ui.form .fields.info .field .ui.dropdown:hover,
|
918
883
|
.ui.form .field.info .ui.dropdown:hover {
|
919
|
-
border-color: #
|
884
|
+
border-color: #a9d5de !important;
|
920
885
|
}
|
921
886
|
.ui.form .fields.info .field .ui.dropdown:hover .menu,
|
922
887
|
.ui.form .field.info .ui.dropdown:hover .menu {
|
923
|
-
border-color: #
|
888
|
+
border-color: #a9d5de;
|
924
889
|
}
|
925
890
|
.ui.form .fields.info .field .ui.multiple.selection.dropdown > .label,
|
926
891
|
.ui.form .field.info .ui.multiple.selection.dropdown > .label {
|
927
892
|
background-color: #cce3ea;
|
928
|
-
color: #
|
893
|
+
color: #276f86;
|
929
894
|
}
|
930
895
|
|
931
896
|
/* Hover */
|
@@ -947,21 +912,21 @@
|
|
947
912
|
}
|
948
913
|
|
949
914
|
/*--------------------
|
950
|
-
|
951
|
-
|
915
|
+
Checkbox State
|
916
|
+
---------------------*/
|
952
917
|
|
953
918
|
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
|
954
919
|
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
|
955
|
-
color: #
|
920
|
+
color: #276f86;
|
956
921
|
}
|
957
922
|
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label::before,
|
958
923
|
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label::before {
|
959
|
-
background: #
|
960
|
-
border-color: #
|
924
|
+
background: #f8ffff;
|
925
|
+
border-color: #a9d5de;
|
961
926
|
}
|
962
927
|
.ui.form .fields.info .field .checkbox label::after,
|
963
928
|
.ui.form .field.info .checkbox label::after {
|
964
|
-
color: #
|
929
|
+
color: #276f86;
|
965
930
|
}
|
966
931
|
.ui.inverted.form .fields.info .field label,
|
967
932
|
.ui.inverted.form .info.field label {
|
@@ -976,8 +941,6 @@
|
|
976
941
|
display: inline-block;
|
977
942
|
}
|
978
943
|
.ui.form.success .icon.success.message:not(:empty) {
|
979
|
-
display: -webkit-box;
|
980
|
-
display: -ms-flexbox;
|
981
944
|
display: flex;
|
982
945
|
}
|
983
946
|
|
@@ -992,8 +955,6 @@
|
|
992
955
|
}
|
993
956
|
.ui.form .fields.success .icon.success.message:not(:empty),
|
994
957
|
.ui.form .field.success .icon.success.message:not(:empty) {
|
995
|
-
display: -webkit-box;
|
996
|
-
display: -ms-flexbox;
|
997
958
|
display: flex;
|
998
959
|
}
|
999
960
|
.ui.ui.form .fields.success .field label,
|
@@ -1002,7 +963,7 @@
|
|
1002
963
|
.ui.ui.form .field.success .ui.label:not(.corner),
|
1003
964
|
.ui.ui.form .fields.success .field .input,
|
1004
965
|
.ui.ui.form .field.success .input {
|
1005
|
-
color: #
|
966
|
+
color: #2c662d;
|
1006
967
|
}
|
1007
968
|
.ui.form .fields.success .field .ui.label,
|
1008
969
|
.ui.form .field.success .ui.label {
|
@@ -1010,8 +971,8 @@
|
|
1010
971
|
}
|
1011
972
|
.ui.form .fields.success .field .corner.label,
|
1012
973
|
.ui.form .field.success .corner.label {
|
1013
|
-
border-color: #
|
1014
|
-
color: #
|
974
|
+
border-color: #2c662d;
|
975
|
+
color: #fff;
|
1015
976
|
}
|
1016
977
|
.ui.form .fields.success .field textarea,
|
1017
978
|
.ui.form .fields.success .field select,
|
@@ -1047,12 +1008,11 @@
|
|
1047
1008
|
.ui.form .field.success input[type="file"],
|
1048
1009
|
.ui.form .field.success input[type="url"],
|
1049
1010
|
.ui.form .field.success input[type="week"] {
|
1050
|
-
color: #
|
1051
|
-
background: #
|
1052
|
-
border-color: #
|
1053
|
-
border-radius:
|
1054
|
-
|
1055
|
-
box-shadow: none;
|
1011
|
+
color: #2c662d;
|
1012
|
+
background: #fcfff5;
|
1013
|
+
border-color: #a3c293;
|
1014
|
+
border-radius: "";
|
1015
|
+
box-shadow: none;
|
1056
1016
|
}
|
1057
1017
|
.ui.form .field.success textarea:focus,
|
1058
1018
|
.ui.form .field.success select:focus,
|
@@ -1071,11 +1031,10 @@
|
|
1071
1031
|
.ui.form .field.success input[type="file"]:focus,
|
1072
1032
|
.ui.form .field.success input[type="url"]:focus,
|
1073
1033
|
.ui.form .field.success input[type="week"]:focus {
|
1074
|
-
background: #
|
1075
|
-
border-color: #
|
1076
|
-
color: #
|
1077
|
-
|
1078
|
-
box-shadow: none;
|
1034
|
+
background: #fcfff5;
|
1035
|
+
border-color: #a3c293;
|
1036
|
+
color: #2c662d;
|
1037
|
+
box-shadow: none;
|
1079
1038
|
}
|
1080
1039
|
|
1081
1040
|
/* Preserve Native Select Stylings */
|
@@ -1084,8 +1043,8 @@
|
|
1084
1043
|
}
|
1085
1044
|
|
1086
1045
|
/*------------------
|
1087
|
-
|
1088
|
-
|
1046
|
+
Input State
|
1047
|
+
--------------------*/
|
1089
1048
|
|
1090
1049
|
|
1091
1050
|
/* Transparent */
|
@@ -1093,65 +1052,70 @@
|
|
1093
1052
|
.ui.form .field.success .transparent.input textarea,
|
1094
1053
|
.ui.form .field.success input.transparent,
|
1095
1054
|
.ui.form .field.success textarea.transparent {
|
1096
|
-
background-color: #
|
1097
|
-
color: #
|
1055
|
+
background-color: #fcfff5 !important;
|
1056
|
+
color: #2c662d !important;
|
1098
1057
|
}
|
1099
1058
|
|
1100
1059
|
/* Autofilled */
|
1101
1060
|
.ui.form .success.success input:-webkit-autofill {
|
1102
|
-
|
1103
|
-
box-shadow: 0 0 0 100px #F0FFF0 inset !important;
|
1061
|
+
box-shadow: 0 0 0 100px #f0fff0 inset !important;
|
1104
1062
|
border-color: #bee0b3 !important;
|
1105
1063
|
}
|
1106
1064
|
|
1107
1065
|
/* Placeholder */
|
1108
|
-
.ui.form .success
|
1066
|
+
.ui.form .success :-ms-input-placeholder {
|
1067
|
+
color: #8fcf90;
|
1068
|
+
}
|
1069
|
+
.ui.form .success ::-ms-input-placeholder {
|
1070
|
+
color: #8fcf90;
|
1071
|
+
}
|
1072
|
+
.ui.form .success ::placeholder {
|
1109
1073
|
color: #8fcf90;
|
1110
1074
|
}
|
1111
1075
|
.ui.form .success :-ms-input-placeholder {
|
1112
1076
|
color: #8fcf90 !important;
|
1113
1077
|
}
|
1114
|
-
.ui.form .success
|
1115
|
-
color: #
|
1078
|
+
.ui.form .success :focus:-ms-input-placeholder {
|
1079
|
+
color: #6cbf6d;
|
1116
1080
|
}
|
1117
|
-
.ui.form .success :focus::-
|
1081
|
+
.ui.form .success :focus::-ms-input-placeholder {
|
1082
|
+
color: #6cbf6d;
|
1083
|
+
}
|
1084
|
+
.ui.form .success :focus::placeholder {
|
1118
1085
|
color: #6cbf6d;
|
1119
1086
|
}
|
1120
1087
|
.ui.form .success :focus:-ms-input-placeholder {
|
1121
1088
|
color: #6cbf6d !important;
|
1122
1089
|
}
|
1123
|
-
.ui.form .success :focus::-moz-placeholder {
|
1124
|
-
color: #6cbf6d;
|
1125
|
-
}
|
1126
1090
|
|
1127
1091
|
/*------------------
|
1128
|
-
|
1129
|
-
|
1092
|
+
Dropdown State
|
1093
|
+
--------------------*/
|
1130
1094
|
|
1131
1095
|
.ui.form .fields.success .field .ui.dropdown,
|
1132
1096
|
.ui.form .fields.success .field .ui.dropdown .item,
|
1133
1097
|
.ui.form .field.success .ui.dropdown,
|
1134
1098
|
.ui.form .field.success .ui.dropdown > .text,
|
1135
1099
|
.ui.form .field.success .ui.dropdown .item {
|
1136
|
-
background: #
|
1137
|
-
color: #
|
1100
|
+
background: #fcfff5;
|
1101
|
+
color: #2c662d;
|
1138
1102
|
}
|
1139
1103
|
.ui.form .fields.success .field .ui.dropdown,
|
1140
1104
|
.ui.form .field.success .ui.dropdown {
|
1141
|
-
border-color: #
|
1105
|
+
border-color: #a3c293 !important;
|
1142
1106
|
}
|
1143
1107
|
.ui.form .fields.success .field .ui.dropdown:hover,
|
1144
1108
|
.ui.form .field.success .ui.dropdown:hover {
|
1145
|
-
border-color: #
|
1109
|
+
border-color: #a3c293 !important;
|
1146
1110
|
}
|
1147
1111
|
.ui.form .fields.success .field .ui.dropdown:hover .menu,
|
1148
1112
|
.ui.form .field.success .ui.dropdown:hover .menu {
|
1149
|
-
border-color: #
|
1113
|
+
border-color: #a3c293;
|
1150
1114
|
}
|
1151
1115
|
.ui.form .fields.success .field .ui.multiple.selection.dropdown > .label,
|
1152
1116
|
.ui.form .field.success .ui.multiple.selection.dropdown > .label {
|
1153
1117
|
background-color: #cceacc;
|
1154
|
-
color: #
|
1118
|
+
color: #2c662d;
|
1155
1119
|
}
|
1156
1120
|
|
1157
1121
|
/* Hover */
|
@@ -1173,21 +1137,21 @@
|
|
1173
1137
|
}
|
1174
1138
|
|
1175
1139
|
/*--------------------
|
1176
|
-
|
1177
|
-
|
1140
|
+
Checkbox State
|
1141
|
+
---------------------*/
|
1178
1142
|
|
1179
1143
|
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
|
1180
1144
|
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
|
1181
|
-
color: #
|
1145
|
+
color: #2c662d;
|
1182
1146
|
}
|
1183
1147
|
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label::before,
|
1184
1148
|
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label::before {
|
1185
|
-
background: #
|
1186
|
-
border-color: #
|
1149
|
+
background: #fcfff5;
|
1150
|
+
border-color: #a3c293;
|
1187
1151
|
}
|
1188
1152
|
.ui.form .fields.success .field .checkbox label::after,
|
1189
1153
|
.ui.form .field.success .checkbox label::after {
|
1190
|
-
color: #
|
1154
|
+
color: #2c662d;
|
1191
1155
|
}
|
1192
1156
|
.ui.inverted.form .fields.success .field label,
|
1193
1157
|
.ui.inverted.form .success.field label {
|
@@ -1202,8 +1166,6 @@
|
|
1202
1166
|
display: inline-block;
|
1203
1167
|
}
|
1204
1168
|
.ui.form.warning .icon.warning.message:not(:empty) {
|
1205
|
-
display: -webkit-box;
|
1206
|
-
display: -ms-flexbox;
|
1207
1169
|
display: flex;
|
1208
1170
|
}
|
1209
1171
|
|
@@ -1218,8 +1180,6 @@
|
|
1218
1180
|
}
|
1219
1181
|
.ui.form .fields.warning .icon.warning.message:not(:empty),
|
1220
1182
|
.ui.form .field.warning .icon.warning.message:not(:empty) {
|
1221
|
-
display: -webkit-box;
|
1222
|
-
display: -ms-flexbox;
|
1223
1183
|
display: flex;
|
1224
1184
|
}
|
1225
1185
|
.ui.ui.form .fields.warning .field label,
|
@@ -1228,7 +1188,7 @@
|
|
1228
1188
|
.ui.ui.form .field.warning .ui.label:not(.corner),
|
1229
1189
|
.ui.ui.form .fields.warning .field .input,
|
1230
1190
|
.ui.ui.form .field.warning .input {
|
1231
|
-
color: #
|
1191
|
+
color: #573a08;
|
1232
1192
|
}
|
1233
1193
|
.ui.form .fields.warning .field .ui.label,
|
1234
1194
|
.ui.form .field.warning .ui.label {
|
@@ -1236,8 +1196,8 @@
|
|
1236
1196
|
}
|
1237
1197
|
.ui.form .fields.warning .field .corner.label,
|
1238
1198
|
.ui.form .field.warning .corner.label {
|
1239
|
-
border-color: #
|
1240
|
-
color: #
|
1199
|
+
border-color: #573a08;
|
1200
|
+
color: #fff;
|
1241
1201
|
}
|
1242
1202
|
.ui.form .fields.warning .field textarea,
|
1243
1203
|
.ui.form .fields.warning .field select,
|
@@ -1273,12 +1233,11 @@
|
|
1273
1233
|
.ui.form .field.warning input[type="file"],
|
1274
1234
|
.ui.form .field.warning input[type="url"],
|
1275
1235
|
.ui.form .field.warning input[type="week"] {
|
1276
|
-
color: #
|
1277
|
-
background: #
|
1278
|
-
border-color: #
|
1279
|
-
border-radius:
|
1280
|
-
|
1281
|
-
box-shadow: none;
|
1236
|
+
color: #573a08;
|
1237
|
+
background: #fffaf3;
|
1238
|
+
border-color: #c9ba9b;
|
1239
|
+
border-radius: "";
|
1240
|
+
box-shadow: none;
|
1282
1241
|
}
|
1283
1242
|
.ui.form .field.warning textarea:focus,
|
1284
1243
|
.ui.form .field.warning select:focus,
|
@@ -1297,11 +1256,10 @@
|
|
1297
1256
|
.ui.form .field.warning input[type="file"]:focus,
|
1298
1257
|
.ui.form .field.warning input[type="url"]:focus,
|
1299
1258
|
.ui.form .field.warning input[type="week"]:focus {
|
1300
|
-
background: #
|
1301
|
-
border-color: #
|
1302
|
-
color: #
|
1303
|
-
|
1304
|
-
box-shadow: none;
|
1259
|
+
background: #fffaf3;
|
1260
|
+
border-color: #c9ba9b;
|
1261
|
+
color: #573a08;
|
1262
|
+
box-shadow: none;
|
1305
1263
|
}
|
1306
1264
|
|
1307
1265
|
/* Preserve Native Select Stylings */
|
@@ -1310,8 +1268,8 @@
|
|
1310
1268
|
}
|
1311
1269
|
|
1312
1270
|
/*------------------
|
1313
|
-
|
1314
|
-
|
1271
|
+
Input State
|
1272
|
+
--------------------*/
|
1315
1273
|
|
1316
1274
|
|
1317
1275
|
/* Transparent */
|
@@ -1319,65 +1277,70 @@
|
|
1319
1277
|
.ui.form .field.warning .transparent.input textarea,
|
1320
1278
|
.ui.form .field.warning input.transparent,
|
1321
1279
|
.ui.form .field.warning textarea.transparent {
|
1322
|
-
background-color: #
|
1323
|
-
color: #
|
1280
|
+
background-color: #fffaf3 !important;
|
1281
|
+
color: #573a08 !important;
|
1324
1282
|
}
|
1325
1283
|
|
1326
1284
|
/* Autofilled */
|
1327
1285
|
.ui.form .warning.warning input:-webkit-autofill {
|
1328
|
-
|
1329
|
-
box-shadow: 0 0 0 100px #FFFFe0 inset !important;
|
1286
|
+
box-shadow: 0 0 0 100px #ffffe0 inset !important;
|
1330
1287
|
border-color: #e0e0b3 !important;
|
1331
1288
|
}
|
1332
1289
|
|
1333
1290
|
/* Placeholder */
|
1334
|
-
.ui.form .warning
|
1291
|
+
.ui.form .warning :-ms-input-placeholder {
|
1292
|
+
color: #edad3e;
|
1293
|
+
}
|
1294
|
+
.ui.form .warning ::-ms-input-placeholder {
|
1295
|
+
color: #edad3e;
|
1296
|
+
}
|
1297
|
+
.ui.form .warning ::placeholder {
|
1335
1298
|
color: #edad3e;
|
1336
1299
|
}
|
1337
1300
|
.ui.form .warning :-ms-input-placeholder {
|
1338
1301
|
color: #edad3e !important;
|
1339
1302
|
}
|
1340
|
-
.ui.form .warning
|
1341
|
-
color: #
|
1303
|
+
.ui.form .warning :focus:-ms-input-placeholder {
|
1304
|
+
color: #e39715;
|
1342
1305
|
}
|
1343
|
-
.ui.form .warning :focus::-
|
1306
|
+
.ui.form .warning :focus::-ms-input-placeholder {
|
1307
|
+
color: #e39715;
|
1308
|
+
}
|
1309
|
+
.ui.form .warning :focus::placeholder {
|
1344
1310
|
color: #e39715;
|
1345
1311
|
}
|
1346
1312
|
.ui.form .warning :focus:-ms-input-placeholder {
|
1347
1313
|
color: #e39715 !important;
|
1348
1314
|
}
|
1349
|
-
.ui.form .warning :focus::-moz-placeholder {
|
1350
|
-
color: #e39715;
|
1351
|
-
}
|
1352
1315
|
|
1353
1316
|
/*------------------
|
1354
|
-
|
1355
|
-
|
1317
|
+
Dropdown State
|
1318
|
+
--------------------*/
|
1356
1319
|
|
1357
1320
|
.ui.form .fields.warning .field .ui.dropdown,
|
1358
1321
|
.ui.form .fields.warning .field .ui.dropdown .item,
|
1359
1322
|
.ui.form .field.warning .ui.dropdown,
|
1360
1323
|
.ui.form .field.warning .ui.dropdown > .text,
|
1361
1324
|
.ui.form .field.warning .ui.dropdown .item {
|
1362
|
-
background: #
|
1363
|
-
color: #
|
1325
|
+
background: #fffaf3;
|
1326
|
+
color: #573a08;
|
1364
1327
|
}
|
1365
1328
|
.ui.form .fields.warning .field .ui.dropdown,
|
1366
1329
|
.ui.form .field.warning .ui.dropdown {
|
1367
|
-
border-color: #
|
1330
|
+
border-color: #c9ba9b !important;
|
1368
1331
|
}
|
1369
1332
|
.ui.form .fields.warning .field .ui.dropdown:hover,
|
1370
1333
|
.ui.form .field.warning .ui.dropdown:hover {
|
1371
|
-
border-color: #
|
1334
|
+
border-color: #c9ba9b !important;
|
1372
1335
|
}
|
1373
1336
|
.ui.form .fields.warning .field .ui.dropdown:hover .menu,
|
1374
1337
|
.ui.form .field.warning .ui.dropdown:hover .menu {
|
1375
|
-
border-color: #
|
1338
|
+
border-color: #c9ba9b;
|
1376
1339
|
}
|
1377
1340
|
.ui.form .fields.warning .field .ui.multiple.selection.dropdown > .label,
|
1378
1341
|
.ui.form .field.warning .ui.multiple.selection.dropdown > .label {
|
1379
1342
|
background-color: #eaeacc;
|
1380
|
-
color: #
|
1343
|
+
color: #573a08;
|
1381
1344
|
}
|
1382
1345
|
|
1383
1346
|
/* Hover */
|
@@ -1399,31 +1362,30 @@
|
|
1399
1362
|
}
|
1400
1363
|
|
1401
1364
|
/*--------------------
|
1402
|
-
|
1403
|
-
|
1365
|
+
Checkbox State
|
1366
|
+
---------------------*/
|
1404
1367
|
|
1405
1368
|
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
|
1406
1369
|
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
|
1407
|
-
color: #
|
1370
|
+
color: #573a08;
|
1408
1371
|
}
|
1409
1372
|
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label::before,
|
1410
1373
|
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label::before {
|
1411
|
-
background: #
|
1412
|
-
border-color: #
|
1374
|
+
background: #fffaf3;
|
1375
|
+
border-color: #c9ba9b;
|
1413
1376
|
}
|
1414
1377
|
.ui.form .fields.warning .field .checkbox label::after,
|
1415
1378
|
.ui.form .field.warning .checkbox label::after {
|
1416
|
-
color: #
|
1379
|
+
color: #573a08;
|
1417
1380
|
}
|
1418
1381
|
.ui.inverted.form .fields.warning .field label,
|
1419
1382
|
.ui.inverted.form .warning.field label {
|
1420
1383
|
color: #d7ccb5;
|
1421
1384
|
}
|
1422
1385
|
|
1423
|
-
|
1424
|
-
|
1425
|
-
|
1426
|
-
|
1386
|
+
/* --------------------
|
1387
|
+
Disabled
|
1388
|
+
--------------------- */
|
1427
1389
|
.ui.form .disabled.fields .field,
|
1428
1390
|
.ui.form .disabled.field,
|
1429
1391
|
.ui.form .field :disabled {
|
@@ -1438,10 +1400,9 @@
|
|
1438
1400
|
opacity: 1;
|
1439
1401
|
}
|
1440
1402
|
|
1441
|
-
|
1442
|
-
|
1443
|
-
|
1444
|
-
|
1403
|
+
/* --------------
|
1404
|
+
Loading
|
1405
|
+
--------------- */
|
1445
1406
|
.ui.loading.form {
|
1446
1407
|
position: relative;
|
1447
1408
|
cursor: default;
|
@@ -1449,7 +1410,7 @@
|
|
1449
1410
|
}
|
1450
1411
|
.ui.loading.form::before {
|
1451
1412
|
position: absolute;
|
1452
|
-
content:
|
1413
|
+
content: "";
|
1453
1414
|
top: 0;
|
1454
1415
|
left: 0;
|
1455
1416
|
background: rgba(255, 255, 255, 0.8);
|
@@ -1462,18 +1423,16 @@
|
|
1462
1423
|
}
|
1463
1424
|
.ui.loading.form::after {
|
1464
1425
|
position: absolute;
|
1465
|
-
content:
|
1426
|
+
content: "";
|
1466
1427
|
top: 50%;
|
1467
1428
|
left: 50%;
|
1468
1429
|
margin: -1.5em 0 0 -1.5em;
|
1469
1430
|
width: 3em;
|
1470
1431
|
height: 3em;
|
1471
|
-
|
1472
|
-
animation: loader 0.6s infinite linear;
|
1432
|
+
animation: loader 0.6s infinite linear;
|
1473
1433
|
border: 0.2em solid #767676;
|
1474
1434
|
border-radius: 500rem;
|
1475
|
-
|
1476
|
-
box-shadow: 0 0 0 1px transparent;
|
1435
|
+
box-shadow: 0 0 0 1px transparent;
|
1477
1436
|
visibility: visible;
|
1478
1437
|
z-index: 101;
|
1479
1438
|
}
|
@@ -1484,10 +1443,9 @@
|
|
1484
1443
|
*******************************/
|
1485
1444
|
|
1486
1445
|
|
1487
|
-
|
1488
|
-
|
1489
|
-
|
1490
|
-
|
1446
|
+
/* --------------------
|
1447
|
+
Required Field
|
1448
|
+
--------------------- */
|
1491
1449
|
.ui.form .required.fields:not(.grouped) > .field > label::after,
|
1492
1450
|
.ui.form .required.fields.grouped > label::after,
|
1493
1451
|
.ui.form .required.field > label::after,
|
@@ -1495,8 +1453,8 @@
|
|
1495
1453
|
.ui.form .required.field > .checkbox::after,
|
1496
1454
|
.ui.form label.required::after {
|
1497
1455
|
margin: -0.2em 0 0 0.2em;
|
1498
|
-
content:
|
1499
|
-
color: #
|
1456
|
+
content: "*";
|
1457
|
+
color: #db2828;
|
1500
1458
|
}
|
1501
1459
|
.ui.form .required.fields:not(.grouped) > .field > label::after,
|
1502
1460
|
.ui.form .required.fields.grouped > label::after,
|
@@ -1518,10 +1476,9 @@
|
|
1518
1476
|
*******************************/
|
1519
1477
|
|
1520
1478
|
|
1521
|
-
|
1522
|
-
|
1523
|
-
|
1524
|
-
|
1479
|
+
/* --------------------
|
1480
|
+
Inverted Colors
|
1481
|
+
--------------------- */
|
1525
1482
|
.ui.inverted.form label,
|
1526
1483
|
.ui.form .inverted.segment label,
|
1527
1484
|
.ui.form .inverted.segment .ui.checkbox label,
|
@@ -1534,7 +1491,7 @@
|
|
1534
1491
|
color: rgba(255, 255, 255, 0.9);
|
1535
1492
|
}
|
1536
1493
|
.ui.inverted.loading.form {
|
1537
|
-
color: #
|
1494
|
+
color: #fff;
|
1538
1495
|
}
|
1539
1496
|
.ui.inverted.loading.form::before {
|
1540
1497
|
background: rgba(0, 0, 0, 0.85);
|
@@ -1556,17 +1513,15 @@
|
|
1556
1513
|
.ui.inverted.form input[type="file"],
|
1557
1514
|
.ui.inverted.form input[type="url"],
|
1558
1515
|
.ui.inverted.form input[type="week"] {
|
1559
|
-
background: #
|
1516
|
+
background: #fff;
|
1560
1517
|
border-color: rgba(255, 255, 255, 0.1);
|
1561
1518
|
color: rgba(0, 0, 0, 0.87);
|
1562
|
-
|
1563
|
-
box-shadow: none;
|
1519
|
+
box-shadow: none;
|
1564
1520
|
}
|
1565
1521
|
|
1566
|
-
|
1567
|
-
|
1568
|
-
|
1569
|
-
|
1522
|
+
/* --------------------
|
1523
|
+
Field Groups
|
1524
|
+
--------------------- */
|
1570
1525
|
|
1571
1526
|
/* Grouped Vertically */
|
1572
1527
|
.ui.form .grouped.fields {
|
@@ -1593,33 +1548,24 @@
|
|
1593
1548
|
margin-bottom: 0.4em;
|
1594
1549
|
}
|
1595
1550
|
|
1596
|
-
|
1551
|
+
/* --------------------
|
1597
1552
|
Fields
|
1598
|
-
|
1599
|
-
|
1553
|
+
--------------------- */
|
1600
1554
|
|
1601
1555
|
/* Split fields */
|
1602
1556
|
.ui.form .fields {
|
1603
|
-
display: -webkit-box;
|
1604
|
-
display: -ms-flexbox;
|
1605
1557
|
display: flex;
|
1606
|
-
-
|
1607
|
-
-webkit-box-direction: normal;
|
1608
|
-
-ms-flex-direction: row;
|
1609
|
-
flex-direction: row;
|
1558
|
+
flex-direction: row;
|
1610
1559
|
margin: 0 -0.5em 1em;
|
1611
1560
|
}
|
1612
1561
|
.ui.form .fields > .field {
|
1613
|
-
|
1614
|
-
-ms-flex: 0 1 auto;
|
1615
|
-
flex: 0 1 auto;
|
1562
|
+
flex: 0 1 auto;
|
1616
1563
|
padding-left: 0.5em;
|
1617
1564
|
padding-right: 0.5em;
|
1618
1565
|
}
|
1619
1566
|
.ui.form .fields > .field:first-child {
|
1620
1567
|
border-left: none;
|
1621
|
-
|
1622
|
-
box-shadow: none;
|
1568
|
+
box-shadow: none;
|
1623
1569
|
}
|
1624
1570
|
|
1625
1571
|
/* Other Combinations */
|
@@ -1663,8 +1609,7 @@
|
|
1663
1609
|
/* Swap to full width on mobile */
|
1664
1610
|
@media only screen and (max-width: 767.98px) {
|
1665
1611
|
.ui.form .fields {
|
1666
|
-
|
1667
|
-
flex-wrap: wrap;
|
1612
|
+
flex-wrap: wrap;
|
1668
1613
|
margin-bottom: 0;
|
1669
1614
|
}
|
1670
1615
|
.ui.form:not(.unstackable) .fields:not(.unstackable) > .fields,
|
@@ -1729,27 +1674,21 @@
|
|
1729
1674
|
width: 100%;
|
1730
1675
|
}
|
1731
1676
|
|
1732
|
-
|
1677
|
+
/* --------------------
|
1733
1678
|
Equal Width
|
1734
|
-
|
1735
|
-
|
1679
|
+
--------------------- */
|
1736
1680
|
.ui[class*="equal width"].form .fields > .field,
|
1737
1681
|
.ui.form [class*="equal width"].fields > .field {
|
1738
1682
|
width: 100%;
|
1739
|
-
|
1740
|
-
-ms-flex: 1 1 auto;
|
1741
|
-
flex: 1 1 auto;
|
1683
|
+
flex: 1 1 auto;
|
1742
1684
|
}
|
1743
1685
|
|
1744
|
-
|
1745
|
-
|
1746
|
-
|
1747
|
-
|
1686
|
+
/* --------------------
|
1687
|
+
Inline Fields
|
1688
|
+
--------------------- */
|
1748
1689
|
.ui.form .inline.fields {
|
1749
1690
|
margin: 0 0 1em;
|
1750
|
-
-
|
1751
|
-
-ms-flex-align: center;
|
1752
|
-
align-items: center;
|
1691
|
+
align-items: center;
|
1753
1692
|
}
|
1754
1693
|
.ui.form .inline.fields .field {
|
1755
1694
|
margin: 0;
|
@@ -1775,7 +1714,7 @@
|
|
1775
1714
|
|
1776
1715
|
/* Grouped Inline Label */
|
1777
1716
|
.ui.form .inline.fields > label {
|
1778
|
-
margin: 0.
|
1717
|
+
margin: 0.03571em 1em 0 0;
|
1779
1718
|
}
|
1780
1719
|
|
1781
1720
|
/* Inline Input */
|
@@ -1811,22 +1750,17 @@
|
|
1811
1750
|
|
1812
1751
|
/* Wide */
|
1813
1752
|
.ui.form .inline.fields .wide.field {
|
1814
|
-
display: -webkit-box;
|
1815
|
-
display: -ms-flexbox;
|
1816
1753
|
display: flex;
|
1817
|
-
-
|
1818
|
-
-ms-flex-align: center;
|
1819
|
-
align-items: center;
|
1754
|
+
align-items: center;
|
1820
1755
|
}
|
1821
1756
|
.ui.form .inline.fields .wide.field > input,
|
1822
1757
|
.ui.form .inline.fields .wide.field > select {
|
1823
1758
|
width: 100%;
|
1824
1759
|
}
|
1825
1760
|
|
1826
|
-
|
1761
|
+
/* --------------------
|
1827
1762
|
Sizes
|
1828
|
-
|
1829
|
-
|
1763
|
+
--------------------- */
|
1830
1764
|
.ui.form,
|
1831
1765
|
.ui.form .field .dropdown,
|
1832
1766
|
.ui.form .field .dropdown .menu > .item {
|