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 - Dropdown
|
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
|
|
@@ -19,12 +19,8 @@
|
|
19
19
|
display: inline-block;
|
20
20
|
outline: none;
|
21
21
|
text-align: left;
|
22
|
-
-webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
23
|
-
transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
24
22
|
transition: box-shadow 0.1s ease, width 0.1s ease;
|
25
|
-
transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
26
23
|
-webkit-user-select: none;
|
27
|
-
-moz-user-select: none;
|
28
24
|
-ms-user-select: none;
|
29
25
|
user-select: none;
|
30
26
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
@@ -36,10 +32,9 @@
|
|
36
32
|
*******************************/
|
37
33
|
|
38
34
|
|
39
|
-
|
35
|
+
/* --------------
|
40
36
|
Menu
|
41
|
-
|
42
|
-
|
37
|
+
--------------- */
|
43
38
|
.ui.dropdown .menu {
|
44
39
|
cursor: auto;
|
45
40
|
position: absolute;
|
@@ -47,19 +42,16 @@
|
|
47
42
|
outline: none;
|
48
43
|
top: 100%;
|
49
44
|
min-width: -webkit-max-content;
|
50
|
-
min-width: -moz-max-content;
|
51
45
|
min-width: max-content;
|
52
46
|
margin: 0;
|
53
|
-
padding: 0
|
54
|
-
background: #
|
47
|
+
padding: 0;
|
48
|
+
background: #fff;
|
55
49
|
font-size: 1em;
|
56
50
|
text-shadow: none;
|
57
51
|
text-align: left;
|
58
|
-
|
59
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
52
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
60
53
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
61
54
|
border-radius: 0.28571429rem;
|
62
|
-
-webkit-transition: opacity 0.1s ease;
|
63
55
|
transition: opacity 0.1s ease;
|
64
56
|
z-index: 11;
|
65
57
|
will-change: transform, opacity;
|
@@ -68,19 +60,17 @@
|
|
68
60
|
white-space: nowrap;
|
69
61
|
}
|
70
62
|
|
71
|
-
|
63
|
+
/* --------------
|
72
64
|
Hidden Input
|
73
|
-
|
74
|
-
|
65
|
+
--------------- */
|
75
66
|
.ui.dropdown > input:not(.search):first-child,
|
76
67
|
.ui.dropdown > select {
|
77
68
|
display: none !important;
|
78
69
|
}
|
79
70
|
|
80
|
-
|
71
|
+
/* --------------
|
81
72
|
Dropdown Icon
|
82
|
-
|
83
|
-
|
73
|
+
--------------- */
|
84
74
|
.ui.dropdown:not(.labeled) > .dropdown.icon {
|
85
75
|
position: relative;
|
86
76
|
width: auto;
|
@@ -97,20 +87,17 @@
|
|
97
87
|
margin-right: 1em;
|
98
88
|
}
|
99
89
|
|
100
|
-
|
90
|
+
/* --------------
|
101
91
|
Text
|
102
|
-
|
103
|
-
|
92
|
+
--------------- */
|
104
93
|
.ui.dropdown > .text {
|
105
94
|
display: inline-block;
|
106
|
-
-webkit-transition: none;
|
107
95
|
transition: none;
|
108
96
|
}
|
109
97
|
|
110
|
-
|
98
|
+
/* --------------
|
111
99
|
Menu Item
|
112
|
-
|
113
|
-
|
100
|
+
--------------- */
|
114
101
|
.ui.dropdown .menu > .item {
|
115
102
|
position: relative;
|
116
103
|
cursor: pointer;
|
@@ -126,27 +113,20 @@
|
|
126
113
|
padding: 0.78571429rem 1.14285714rem;
|
127
114
|
text-transform: none;
|
128
115
|
font-weight: normal;
|
129
|
-
|
130
|
-
box-shadow: none;
|
116
|
+
box-shadow: none;
|
131
117
|
-webkit-touch-callout: none;
|
132
118
|
}
|
133
119
|
.ui.dropdown .menu > .item:first-child {
|
134
120
|
border-top-width: 0;
|
135
121
|
}
|
136
122
|
.ui.dropdown .menu > .item.vertical {
|
137
|
-
display: -webkit-box;
|
138
|
-
display: -ms-flexbox;
|
139
123
|
display: flex;
|
140
|
-
-
|
141
|
-
-webkit-box-direction: reverse;
|
142
|
-
-ms-flex-direction: column-reverse;
|
143
|
-
flex-direction: column-reverse;
|
124
|
+
flex-direction: column-reverse;
|
144
125
|
}
|
145
126
|
|
146
|
-
|
127
|
+
/* --------------
|
147
128
|
Floated Content
|
148
|
-
|
149
|
-
|
129
|
+
--------------- */
|
150
130
|
.ui.dropdown > .text > [class*="right floated"],
|
151
131
|
.ui.dropdown .menu .item > [class*="right floated"] {
|
152
132
|
float: right !important;
|
@@ -166,10 +146,9 @@
|
|
166
146
|
margin-top: 0em;
|
167
147
|
}
|
168
148
|
|
169
|
-
|
149
|
+
/* --------------
|
170
150
|
Menu Divider
|
171
|
-
|
172
|
-
|
151
|
+
--------------- */
|
173
152
|
.ui.dropdown .menu > .header {
|
174
153
|
margin: 1rem 0 0.75rem;
|
175
154
|
padding: 0 1.14285714rem;
|
@@ -190,8 +169,6 @@
|
|
190
169
|
}
|
191
170
|
.ui.ui.ui.dropdown .menu > .input {
|
192
171
|
width: auto;
|
193
|
-
display: -webkit-box;
|
194
|
-
display: -ms-flexbox;
|
195
172
|
display: flex;
|
196
173
|
margin: 1.14285714rem 0.78571429rem;
|
197
174
|
min-width: 10rem;
|
@@ -209,10 +186,9 @@
|
|
209
186
|
padding-bottom: 0.5em;
|
210
187
|
}
|
211
188
|
|
212
|
-
|
189
|
+
/* -----------------
|
213
190
|
Item Description
|
214
|
-
|
215
|
-
|
191
|
+
------------------- */
|
216
192
|
.ui.dropdown > .text > .description,
|
217
193
|
.ui.dropdown .menu > .item > .description {
|
218
194
|
float: right;
|
@@ -223,18 +199,16 @@
|
|
223
199
|
margin: 0;
|
224
200
|
}
|
225
201
|
|
226
|
-
|
202
|
+
/* -----------------
|
227
203
|
Item Text
|
228
|
-
|
229
|
-
|
204
|
+
------------------- */
|
230
205
|
.ui.dropdown .menu > .item.vertical > .text {
|
231
206
|
margin-bottom: 0.25em;
|
232
207
|
}
|
233
208
|
|
234
|
-
|
209
|
+
/* -----------------
|
235
210
|
Message
|
236
|
-
|
237
|
-
|
211
|
+
------------------- */
|
238
212
|
.ui.dropdown .menu > .message {
|
239
213
|
padding: 0.78571429rem 1.14285714rem;
|
240
214
|
font-weight: normal;
|
@@ -243,10 +217,9 @@
|
|
243
217
|
color: rgba(0, 0, 0, 0.4);
|
244
218
|
}
|
245
219
|
|
246
|
-
|
220
|
+
/* --------------
|
247
221
|
Sub Menu
|
248
|
-
|
249
|
-
|
222
|
+
--------------- */
|
250
223
|
.ui.dropdown .menu .menu {
|
251
224
|
top: 0;
|
252
225
|
left: 100%;
|
@@ -261,10 +234,9 @@
|
|
261
234
|
display: none;
|
262
235
|
}
|
263
236
|
|
264
|
-
|
237
|
+
/* --------------
|
265
238
|
Sub Elements
|
266
|
-
|
267
|
-
|
239
|
+
--------------- */
|
268
240
|
|
269
241
|
/* Icons / Flags / Labels / Image */
|
270
242
|
.ui.dropdown > .text > i.icons,
|
@@ -300,10 +272,9 @@
|
|
300
272
|
margin-right: 0.78571429rem;
|
301
273
|
}
|
302
274
|
|
303
|
-
|
275
|
+
/* --------------
|
304
276
|
Image
|
305
|
-
|
306
|
-
|
277
|
+
--------------- */
|
307
278
|
.ui.dropdown > .text > img,
|
308
279
|
.ui.dropdown > .text > .image:not(.icon),
|
309
280
|
.ui.dropdown .menu > .item > .image:not(.icon),
|
@@ -322,10 +293,9 @@
|
|
322
293
|
*******************************/
|
323
294
|
|
324
295
|
|
325
|
-
|
296
|
+
/* --------------
|
326
297
|
Menu
|
327
|
-
|
328
|
-
|
298
|
+
--------------- */
|
329
299
|
|
330
300
|
/* Remove Menu Item Divider */
|
331
301
|
.ui.dropdown .ui.menu > .item::before,
|
@@ -346,20 +316,18 @@
|
|
346
316
|
right: 0;
|
347
317
|
}
|
348
318
|
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
319
|
+
/* --------------
|
320
|
+
Label
|
321
|
+
--------------- */
|
353
322
|
|
354
323
|
/* Dropdown Menu */
|
355
324
|
.ui.label.dropdown .menu {
|
356
325
|
min-width: 100%;
|
357
326
|
}
|
358
327
|
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
328
|
+
/* --------------
|
329
|
+
Button
|
330
|
+
--------------- */
|
363
331
|
|
364
332
|
/* No Margin On Icon Button */
|
365
333
|
.ui.dropdown.icon.button > .dropdown.icon {
|
@@ -387,10 +355,9 @@ select.ui.dropdown {
|
|
387
355
|
visibility: visible;
|
388
356
|
}
|
389
357
|
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
|
358
|
+
/* --------------
|
359
|
+
Selection
|
360
|
+
--------------- */
|
394
361
|
|
395
362
|
/* Displays like a select box */
|
396
363
|
.ui.selection.dropdown {
|
@@ -399,22 +366,17 @@ select.ui.dropdown {
|
|
399
366
|
line-height: 1em;
|
400
367
|
white-space: normal;
|
401
368
|
outline: 0;
|
402
|
-
|
403
|
-
transform: rotateZ(0deg);
|
369
|
+
transform: rotateZ(0);
|
404
370
|
min-width: 14em;
|
405
371
|
min-height: 2.71428571em;
|
406
|
-
background: #
|
372
|
+
background: #fff;
|
407
373
|
display: inline-block;
|
408
374
|
padding: 0.78571429em 3.2em 0.78571429em 1em;
|
409
375
|
color: rgba(0, 0, 0, 0.87);
|
410
|
-
|
411
|
-
box-shadow: none;
|
376
|
+
box-shadow: none;
|
412
377
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
413
378
|
border-radius: 0.28571429rem;
|
414
|
-
-webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
415
|
-
transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
416
379
|
transition: box-shadow 0.1s ease, width 0.1s ease;
|
417
|
-
transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
418
380
|
}
|
419
381
|
.ui.selection.dropdown.visible,
|
420
382
|
.ui.selection.dropdown.active {
|
@@ -434,7 +396,6 @@ select.ui.dropdown {
|
|
434
396
|
margin: -0.78571429em;
|
435
397
|
padding: 0.91666667em;
|
436
398
|
opacity: 0.8;
|
437
|
-
-webkit-transition: opacity 0.1s ease;
|
438
399
|
transition: opacity 0.1s ease;
|
439
400
|
}
|
440
401
|
|
@@ -442,24 +403,29 @@ select.ui.dropdown {
|
|
442
403
|
.ui.compact.selection.dropdown {
|
443
404
|
min-width: 0;
|
444
405
|
}
|
406
|
+
.ui.compact.selection.dropdown > .menu {
|
407
|
+
width: auto;
|
408
|
+
}
|
409
|
+
.ui.compact.selection.dropdown > .menu:not(.multiline) {
|
410
|
+
width: -webkit-max-content;
|
411
|
+
width: max-content;
|
412
|
+
}
|
445
413
|
|
446
|
-
/*
|
414
|
+
/* Selection Menu */
|
447
415
|
.ui.selection.dropdown .menu {
|
448
416
|
overflow-x: hidden;
|
449
417
|
overflow-y: auto;
|
418
|
+
-ms-scroll-chaining: none;
|
419
|
+
overscroll-behavior: none;
|
450
420
|
-webkit-backface-visibility: hidden;
|
451
421
|
backface-visibility: hidden;
|
452
|
-
-webkit-overflow-scrolling: touch;
|
453
422
|
border-top-width: 0 !important;
|
454
|
-
width: auto;
|
455
423
|
outline: none;
|
456
424
|
margin: 0 -1px;
|
457
425
|
min-width: calc(100% + 2px);
|
458
426
|
width: calc(100% + 2px);
|
459
427
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
460
|
-
|
461
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
462
|
-
-webkit-transition: opacity 0.1s ease;
|
428
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
463
429
|
transition: opacity 0.1s ease;
|
464
430
|
}
|
465
431
|
.ui.selection.dropdown .menu::after,
|
@@ -467,10 +433,9 @@ select.ui.dropdown {
|
|
467
433
|
display: none;
|
468
434
|
}
|
469
435
|
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
436
|
+
/* --------------
|
437
|
+
Message
|
438
|
+
--------------- */
|
474
439
|
.ui.selection.dropdown .menu > .message {
|
475
440
|
padding: 0.78571429rem 1.14285714rem;
|
476
441
|
}
|
@@ -545,7 +510,7 @@ select.ui.dropdown {
|
|
545
510
|
|
546
511
|
/* Menu Item */
|
547
512
|
.ui.selection.dropdown .menu > .item {
|
548
|
-
border-top: 1px solid #
|
513
|
+
border-top: 1px solid #fafafa;
|
549
514
|
padding: 0.78571429rem 1.14285714rem;
|
550
515
|
white-space: normal;
|
551
516
|
word-wrap: normal;
|
@@ -560,43 +525,37 @@ select.ui.dropdown {
|
|
560
525
|
.ui.dropdown > .menu > .stuck.addition.item:first-child {
|
561
526
|
position: sticky;
|
562
527
|
top: 0;
|
563
|
-
|
564
|
-
|
565
|
-
background: #FFFFFF;
|
528
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
529
|
+
background: #fff;
|
566
530
|
z-index: 14;
|
567
531
|
}
|
568
532
|
|
569
533
|
/* Hover */
|
570
534
|
.ui.selection.dropdown:hover {
|
571
535
|
border-color: rgba(34, 36, 38, 0.35);
|
572
|
-
|
573
|
-
box-shadow: none;
|
536
|
+
box-shadow: none;
|
574
537
|
}
|
575
538
|
|
576
539
|
/* Active */
|
577
540
|
.ui.selection.simple.dropdown:hover,
|
578
541
|
.ui.selection.active.dropdown {
|
579
|
-
border-color: #
|
580
|
-
|
581
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
542
|
+
border-color: #96c8da;
|
543
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
582
544
|
}
|
583
545
|
.ui.selection.simple.dropdown:hover .menu,
|
584
546
|
.ui.selection.active.dropdown .menu {
|
585
|
-
border-color: #
|
586
|
-
|
587
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
547
|
+
border-color: #96c8da;
|
548
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
588
549
|
}
|
589
550
|
|
590
551
|
/* Focus */
|
591
552
|
.ui.selection.dropdown:focus {
|
592
|
-
border-color: #
|
593
|
-
|
594
|
-
box-shadow: none;
|
553
|
+
border-color: #96c8da;
|
554
|
+
box-shadow: none;
|
595
555
|
}
|
596
556
|
.ui.selection.dropdown:focus .menu {
|
597
|
-
border-color: #
|
598
|
-
|
599
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
557
|
+
border-color: #96c8da;
|
558
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
600
559
|
}
|
601
560
|
|
602
561
|
/* Visible */
|
@@ -607,20 +566,18 @@ select.ui.dropdown {
|
|
607
566
|
|
608
567
|
/* Visible Hover */
|
609
568
|
.ui.selection.active.dropdown:hover {
|
610
|
-
border-color: #
|
611
|
-
|
612
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
569
|
+
border-color: #96c8da;
|
570
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
613
571
|
}
|
614
572
|
.ui.selection.active.dropdown:hover .menu {
|
615
|
-
border-color: #
|
616
|
-
|
617
|
-
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
573
|
+
border-color: #96c8da;
|
574
|
+
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
618
575
|
}
|
619
576
|
|
620
577
|
/* Dropdown Icon */
|
621
578
|
.ui.active.selection.dropdown > .dropdown.icon,
|
622
579
|
.ui.visible.selection.dropdown > .dropdown.icon {
|
623
|
-
opacity:
|
580
|
+
opacity: "";
|
624
581
|
z-index: 3;
|
625
582
|
}
|
626
583
|
|
@@ -633,22 +590,19 @@ select.ui.dropdown {
|
|
633
590
|
/* Empty Connecting Border */
|
634
591
|
.ui.active.empty.selection.dropdown {
|
635
592
|
border-radius: 0.28571429rem !important;
|
636
|
-
|
637
|
-
box-shadow: none !important;
|
593
|
+
box-shadow: none !important;
|
638
594
|
}
|
639
595
|
.ui.active.empty.selection.dropdown .menu {
|
640
596
|
border: none !important;
|
641
|
-
|
642
|
-
box-shadow: none !important;
|
597
|
+
box-shadow: none !important;
|
643
598
|
}
|
644
599
|
|
645
|
-
/* CSS specific to iOS devices or firefox mobile only
|
646
|
-
@supports (-webkit-touch-callout: none) or (-
|
600
|
+
/* CSS specific to iOS devices or firefox mobile only */
|
601
|
+
@supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
|
647
602
|
@media (-moz-touch-enabled), (pointer: coarse) {
|
648
603
|
.ui.dropdown .scrollhint.menu:not(.hidden)::before {
|
649
|
-
|
650
|
-
|
651
|
-
content: '';
|
604
|
+
animation: scrollhint 2s ease 2;
|
605
|
+
content: "";
|
652
606
|
z-index: 15;
|
653
607
|
display: block;
|
654
608
|
position: absolute;
|
@@ -658,28 +612,10 @@ select.ui.dropdown {
|
|
658
612
|
height: 100%;
|
659
613
|
border-right: 0.25em solid;
|
660
614
|
border-left: 0;
|
661
|
-
|
662
|
-
-webkit-border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
|
663
|
-
-o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
|
664
|
-
border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))) 1 100%;
|
665
|
-
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
|
615
|
+
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
|
666
616
|
}
|
667
617
|
.ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
|
668
|
-
|
669
|
-
-webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
|
670
|
-
-o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
|
671
|
-
border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))) 1 100%;
|
672
|
-
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
|
673
|
-
}
|
674
|
-
@-webkit-keyframes scrollhint {
|
675
|
-
0% {
|
676
|
-
opacity: 1;
|
677
|
-
top: 100%;
|
678
|
-
}
|
679
|
-
100% {
|
680
|
-
opacity: 0;
|
681
|
-
top: 0;
|
682
|
-
}
|
618
|
+
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
|
683
619
|
}
|
684
620
|
@keyframes scrollhint {
|
685
621
|
0% {
|
@@ -694,22 +630,20 @@ select.ui.dropdown {
|
|
694
630
|
}
|
695
631
|
}
|
696
632
|
|
697
|
-
|
698
|
-
|
699
|
-
|
700
|
-
|
633
|
+
/* --------------
|
634
|
+
Searchable
|
635
|
+
--------------- */
|
701
636
|
|
702
637
|
/* Search Selection */
|
703
638
|
.ui.search.dropdown {
|
704
|
-
min-width:
|
639
|
+
min-width: "";
|
705
640
|
}
|
706
641
|
|
707
642
|
/* Search Dropdown */
|
708
643
|
.ui.search.dropdown > input.search {
|
709
644
|
background: none transparent !important;
|
710
645
|
border: none !important;
|
711
|
-
|
712
|
-
box-shadow: none !important;
|
646
|
+
box-shadow: none !important;
|
713
647
|
cursor: text;
|
714
648
|
top: 0;
|
715
649
|
left: 1px;
|
@@ -771,9 +705,10 @@ select.ui.dropdown {
|
|
771
705
|
.ui.search.dropdown .menu {
|
772
706
|
overflow-x: hidden;
|
773
707
|
overflow-y: auto;
|
708
|
+
-ms-scroll-chaining: none;
|
709
|
+
overscroll-behavior: none;
|
774
710
|
-webkit-backface-visibility: hidden;
|
775
711
|
backface-visibility: hidden;
|
776
|
-
-webkit-overflow-scrolling: touch;
|
777
712
|
}
|
778
713
|
@media only screen and (max-width: 767.98px) {
|
779
714
|
.ui.search.dropdown .menu {
|
@@ -819,7 +754,7 @@ select.ui.dropdown {
|
|
819
754
|
margin-right: 1.5em;
|
820
755
|
}
|
821
756
|
.ui.dropdown select.noselection ~ .remove.icon,
|
822
|
-
.ui.dropdown input[value=
|
757
|
+
.ui.dropdown input[value=""] ~ .remove.icon,
|
823
758
|
.ui.dropdown input:not([value]) ~ .remove.icon,
|
824
759
|
.ui.dropdown.loading > .remove.icon {
|
825
760
|
display: none;
|
@@ -831,10 +766,9 @@ select.ui.dropdown {
|
|
831
766
|
margin-top: -1.35em;
|
832
767
|
}
|
833
768
|
|
834
|
-
|
835
|
-
|
836
|
-
|
837
|
-
|
769
|
+
/* --------------
|
770
|
+
Multiple
|
771
|
+
--------------- */
|
838
772
|
|
839
773
|
/* Multiple Selection */
|
840
774
|
.ui.ui.multiple.dropdown {
|
@@ -851,14 +785,13 @@ select.ui.dropdown {
|
|
851
785
|
font-size: 1em;
|
852
786
|
padding: 0.35714286em 0.78571429em;
|
853
787
|
margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
|
854
|
-
|
855
|
-
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
788
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
856
789
|
}
|
857
790
|
|
858
791
|
/* Dropdown Icon */
|
859
792
|
.ui.multiple.dropdown .dropdown.icon {
|
860
|
-
margin:
|
861
|
-
padding:
|
793
|
+
margin: "";
|
794
|
+
padding: "";
|
862
795
|
}
|
863
796
|
|
864
797
|
/* Text */
|
@@ -891,10 +824,9 @@ select.ui.dropdown {
|
|
891
824
|
height: 1.71428571em;
|
892
825
|
}
|
893
826
|
|
894
|
-
|
895
|
-
|
896
|
-
|
897
|
-
|
827
|
+
/* -----------------
|
828
|
+
Multiple Search
|
829
|
+
----------------- */
|
898
830
|
|
899
831
|
/* Multiple Search Selection */
|
900
832
|
.ui.multiple.search.dropdown,
|
@@ -929,17 +861,16 @@ select.ui.dropdown {
|
|
929
861
|
min-width: 14em;
|
930
862
|
}
|
931
863
|
|
932
|
-
|
933
|
-
|
934
|
-
|
935
|
-
|
864
|
+
/* --------------
|
865
|
+
Inline
|
866
|
+
--------------- */
|
936
867
|
.ui.inline.dropdown {
|
937
868
|
cursor: pointer;
|
938
869
|
display: inline-block;
|
939
870
|
color: inherit;
|
940
871
|
}
|
941
872
|
.ui.inline.dropdown .dropdown.icon {
|
942
|
-
margin: 0 0.21428571em
|
873
|
+
margin: 0 0.21428571em;
|
943
874
|
vertical-align: baseline;
|
944
875
|
}
|
945
876
|
.ui.inline.dropdown > .text {
|
@@ -957,25 +888,22 @@ select.ui.dropdown {
|
|
957
888
|
*******************************/
|
958
889
|
|
959
890
|
|
960
|
-
|
891
|
+
/* --------------------
|
961
892
|
Active
|
962
|
-
|
963
|
-
|
893
|
+
---------------------- */
|
964
894
|
|
965
895
|
/* Menu Item Active */
|
966
896
|
.ui.dropdown .menu .active.item {
|
967
897
|
background: transparent;
|
968
898
|
font-weight: bold;
|
969
899
|
color: rgba(0, 0, 0, 0.95);
|
970
|
-
|
971
|
-
box-shadow: none;
|
900
|
+
box-shadow: none;
|
972
901
|
z-index: 12;
|
973
902
|
}
|
974
903
|
|
975
|
-
|
904
|
+
/* --------------------
|
976
905
|
Hover
|
977
|
-
|
978
|
-
|
906
|
+
---------------------- */
|
979
907
|
|
980
908
|
/* Menu Item Hover */
|
981
909
|
.ui.dropdown .menu > .item:hover {
|
@@ -984,10 +912,9 @@ select.ui.dropdown {
|
|
984
912
|
z-index: 13;
|
985
913
|
}
|
986
914
|
|
987
|
-
|
915
|
+
/* --------------------
|
988
916
|
Default Text
|
989
|
-
|
990
|
-
|
917
|
+
---------------------- */
|
991
918
|
.ui.dropdown:not(.button) > .default.text,
|
992
919
|
.ui.default.dropdown:not(.button) > .text {
|
993
920
|
color: rgba(191, 191, 191, 0.87);
|
@@ -997,10 +924,9 @@ select.ui.dropdown {
|
|
997
924
|
color: rgba(115, 115, 115, 0.87);
|
998
925
|
}
|
999
926
|
|
1000
|
-
|
1001
|
-
|
1002
|
-
|
1003
|
-
|
927
|
+
/* --------------------
|
928
|
+
Loading
|
929
|
+
--------------------- */
|
1004
930
|
.ui.loading.dropdown > i.icon {
|
1005
931
|
height: 1em !important;
|
1006
932
|
}
|
@@ -1009,7 +935,7 @@ select.ui.dropdown {
|
|
1009
935
|
}
|
1010
936
|
.ui.loading.dropdown > i.icon::before {
|
1011
937
|
position: absolute;
|
1012
|
-
content:
|
938
|
+
content: "";
|
1013
939
|
top: 50%;
|
1014
940
|
left: 50%;
|
1015
941
|
margin: -0.64285714em 0 0 -0.64285714em;
|
@@ -1020,16 +946,14 @@ select.ui.dropdown {
|
|
1020
946
|
}
|
1021
947
|
.ui.loading.dropdown > i.icon::after {
|
1022
948
|
position: absolute;
|
1023
|
-
content:
|
949
|
+
content: "";
|
1024
950
|
top: 50%;
|
1025
951
|
left: 50%;
|
1026
|
-
|
1027
|
-
box-shadow: 0 0 0 1px transparent;
|
952
|
+
box-shadow: 0 0 0 1px transparent;
|
1028
953
|
margin: -0.64285714em 0 0 -0.64285714em;
|
1029
954
|
width: 1.28571429em;
|
1030
955
|
height: 1.28571429em;
|
1031
|
-
|
1032
|
-
animation: loader 0.6s infinite linear;
|
956
|
+
animation: loader 0.6s infinite linear;
|
1033
957
|
border: 0.2em solid #767676;
|
1034
958
|
border-radius: 500rem;
|
1035
959
|
}
|
@@ -1040,7 +964,6 @@ select.ui.dropdown {
|
|
1040
964
|
display: none;
|
1041
965
|
}
|
1042
966
|
.ui.loading.dropdown > .text {
|
1043
|
-
-webkit-transition: none;
|
1044
967
|
transition: none;
|
1045
968
|
}
|
1046
969
|
|
@@ -1059,10 +982,9 @@ select.ui.dropdown {
|
|
1059
982
|
right: auto !important;
|
1060
983
|
}
|
1061
984
|
|
1062
|
-
|
985
|
+
/* --------------------
|
1063
986
|
Keyboard Select
|
1064
|
-
|
1065
|
-
|
987
|
+
---------------------- */
|
1066
988
|
|
1067
989
|
/* Selected Item */
|
1068
990
|
.ui.dropdown.selected,
|
@@ -1071,10 +993,9 @@ select.ui.dropdown {
|
|
1071
993
|
color: rgba(0, 0, 0, 0.95);
|
1072
994
|
}
|
1073
995
|
|
1074
|
-
|
996
|
+
/* --------------------
|
1075
997
|
Search Filtered
|
1076
|
-
|
1077
|
-
|
998
|
+
---------------------- */
|
1078
999
|
|
1079
1000
|
/* Filtered Item */
|
1080
1001
|
.ui.dropdown > .filtered.text {
|
@@ -1084,63 +1005,62 @@ select.ui.dropdown {
|
|
1084
1005
|
display: none !important;
|
1085
1006
|
}
|
1086
1007
|
|
1087
|
-
|
1088
|
-
|
1089
|
-
|
1090
|
-
|
1008
|
+
/* --------------------
|
1009
|
+
States
|
1010
|
+
---------------------- */
|
1091
1011
|
.ui.dropdown.error,
|
1092
1012
|
.ui.dropdown.error > .text,
|
1093
1013
|
.ui.dropdown.error > .default.text {
|
1094
|
-
color: #
|
1014
|
+
color: #9f3a38;
|
1095
1015
|
}
|
1096
1016
|
.ui.selection.dropdown.error {
|
1097
|
-
background: #
|
1098
|
-
border-color: #
|
1017
|
+
background: #fff6f6;
|
1018
|
+
border-color: #e0b4b4;
|
1099
1019
|
}
|
1100
1020
|
.ui.selection.dropdown.error:hover {
|
1101
|
-
border-color: #
|
1021
|
+
border-color: #e0b4b4;
|
1102
1022
|
}
|
1103
1023
|
.ui.multiple.selection.error.dropdown > .label {
|
1104
|
-
border-color: #
|
1024
|
+
border-color: #e0b4b4;
|
1105
1025
|
}
|
1106
1026
|
.ui.dropdown.error > .menu,
|
1107
1027
|
.ui.dropdown.error > .menu .menu {
|
1108
|
-
border-color: #
|
1028
|
+
border-color: #e0b4b4;
|
1109
1029
|
}
|
1110
1030
|
.ui.dropdown.error > .menu > .item {
|
1111
|
-
color: #
|
1031
|
+
color: #9f3a38;
|
1112
1032
|
}
|
1113
1033
|
|
1114
1034
|
/* Item Hover */
|
1115
1035
|
.ui.dropdown.error > .menu > .item:hover {
|
1116
|
-
background-color: #
|
1036
|
+
background-color: #fbe7e7;
|
1117
1037
|
}
|
1118
1038
|
|
1119
1039
|
/* Item Active */
|
1120
1040
|
.ui.dropdown.error > .menu .active.item {
|
1121
|
-
background-color: #
|
1041
|
+
background-color: #fdcfcf;
|
1122
1042
|
}
|
1123
1043
|
.ui.dropdown.info,
|
1124
1044
|
.ui.dropdown.info > .text,
|
1125
1045
|
.ui.dropdown.info > .default.text {
|
1126
|
-
color: #
|
1046
|
+
color: #276f86;
|
1127
1047
|
}
|
1128
1048
|
.ui.selection.dropdown.info {
|
1129
|
-
background: #
|
1130
|
-
border-color: #
|
1049
|
+
background: #f8ffff;
|
1050
|
+
border-color: #a9d5de;
|
1131
1051
|
}
|
1132
1052
|
.ui.selection.dropdown.info:hover {
|
1133
|
-
border-color: #
|
1053
|
+
border-color: #a9d5de;
|
1134
1054
|
}
|
1135
1055
|
.ui.multiple.selection.info.dropdown > .label {
|
1136
|
-
border-color: #
|
1056
|
+
border-color: #a9d5de;
|
1137
1057
|
}
|
1138
1058
|
.ui.dropdown.info > .menu,
|
1139
1059
|
.ui.dropdown.info > .menu .menu {
|
1140
|
-
border-color: #
|
1060
|
+
border-color: #a9d5de;
|
1141
1061
|
}
|
1142
1062
|
.ui.dropdown.info > .menu > .item {
|
1143
|
-
color: #
|
1063
|
+
color: #276f86;
|
1144
1064
|
}
|
1145
1065
|
|
1146
1066
|
/* Item Hover */
|
@@ -1155,24 +1075,24 @@ select.ui.dropdown {
|
|
1155
1075
|
.ui.dropdown.success,
|
1156
1076
|
.ui.dropdown.success > .text,
|
1157
1077
|
.ui.dropdown.success > .default.text {
|
1158
|
-
color: #
|
1078
|
+
color: #2c662d;
|
1159
1079
|
}
|
1160
1080
|
.ui.selection.dropdown.success {
|
1161
|
-
background: #
|
1162
|
-
border-color: #
|
1081
|
+
background: #fcfff5;
|
1082
|
+
border-color: #a3c293;
|
1163
1083
|
}
|
1164
1084
|
.ui.selection.dropdown.success:hover {
|
1165
|
-
border-color: #
|
1085
|
+
border-color: #a3c293;
|
1166
1086
|
}
|
1167
1087
|
.ui.multiple.selection.success.dropdown > .label {
|
1168
|
-
border-color: #
|
1088
|
+
border-color: #a3c293;
|
1169
1089
|
}
|
1170
1090
|
.ui.dropdown.success > .menu,
|
1171
1091
|
.ui.dropdown.success > .menu .menu {
|
1172
|
-
border-color: #
|
1092
|
+
border-color: #a3c293;
|
1173
1093
|
}
|
1174
1094
|
.ui.dropdown.success > .menu > .item {
|
1175
|
-
color: #
|
1095
|
+
color: #2c662d;
|
1176
1096
|
}
|
1177
1097
|
|
1178
1098
|
/* Item Hover */
|
@@ -1187,24 +1107,24 @@ select.ui.dropdown {
|
|
1187
1107
|
.ui.dropdown.warning,
|
1188
1108
|
.ui.dropdown.warning > .text,
|
1189
1109
|
.ui.dropdown.warning > .default.text {
|
1190
|
-
color: #
|
1110
|
+
color: #573a08;
|
1191
1111
|
}
|
1192
1112
|
.ui.selection.dropdown.warning {
|
1193
|
-
background: #
|
1194
|
-
border-color: #
|
1113
|
+
background: #fffaf3;
|
1114
|
+
border-color: #c9ba9b;
|
1195
1115
|
}
|
1196
1116
|
.ui.selection.dropdown.warning:hover {
|
1197
|
-
border-color: #
|
1117
|
+
border-color: #c9ba9b;
|
1198
1118
|
}
|
1199
1119
|
.ui.multiple.selection.warning.dropdown > .label {
|
1200
|
-
border-color: #
|
1120
|
+
border-color: #c9ba9b;
|
1201
1121
|
}
|
1202
1122
|
.ui.dropdown.warning > .menu,
|
1203
1123
|
.ui.dropdown.warning > .menu .menu {
|
1204
|
-
border-color: #
|
1124
|
+
border-color: #c9ba9b;
|
1205
1125
|
}
|
1206
1126
|
.ui.dropdown.warning > .menu > .item {
|
1207
|
-
color: #
|
1127
|
+
color: #573a08;
|
1208
1128
|
}
|
1209
1129
|
|
1210
1130
|
/* Item Hover */
|
@@ -1217,14 +1137,12 @@ select.ui.dropdown {
|
|
1217
1137
|
background-color: #fdfdce;
|
1218
1138
|
}
|
1219
1139
|
|
1220
|
-
|
1221
|
-
|
1222
|
-
|
1223
|
-
|
1140
|
+
/* --------------------
|
1141
|
+
Clear
|
1142
|
+
---------------------- */
|
1224
1143
|
.ui.dropdown > .remove.icon,
|
1225
1144
|
.ui.dropdown > .clear.dropdown.icon {
|
1226
1145
|
opacity: 0.6;
|
1227
|
-
-webkit-transition: opacity 0.1s ease;
|
1228
1146
|
transition: opacity 0.1s ease;
|
1229
1147
|
}
|
1230
1148
|
.ui.dropdown > .remove.icon:hover,
|
@@ -1232,10 +1150,9 @@ select.ui.dropdown {
|
|
1232
1150
|
opacity: 1;
|
1233
1151
|
}
|
1234
1152
|
|
1235
|
-
|
1236
|
-
|
1237
|
-
|
1238
|
-
|
1153
|
+
/* --------------------
|
1154
|
+
Disabled
|
1155
|
+
---------------------- */
|
1239
1156
|
|
1240
1157
|
/* Disabled */
|
1241
1158
|
.ui.disabled.dropdown,
|
@@ -1245,10 +1162,9 @@ select.ui.dropdown {
|
|
1245
1162
|
opacity: 0.45;
|
1246
1163
|
}
|
1247
1164
|
|
1248
|
-
|
1249
|
-
|
1250
|
-
|
1251
|
-
|
1165
|
+
/* --------------------
|
1166
|
+
Read-Only
|
1167
|
+
---------------------- */
|
1252
1168
|
.ui.read-only.dropdown {
|
1253
1169
|
cursor: default;
|
1254
1170
|
pointer-events: none;
|
@@ -1260,10 +1176,9 @@ select.ui.dropdown {
|
|
1260
1176
|
*******************************/
|
1261
1177
|
|
1262
1178
|
|
1263
|
-
|
1179
|
+
/* --------------
|
1264
1180
|
Direction
|
1265
|
-
|
1266
|
-
|
1181
|
+
--------------- */
|
1267
1182
|
|
1268
1183
|
/* Flyout Direction */
|
1269
1184
|
.ui.dropdown .menu {
|
@@ -1308,17 +1223,15 @@ select.ui.dropdown {
|
|
1308
1223
|
margin-right: 0;
|
1309
1224
|
}
|
1310
1225
|
|
1311
|
-
|
1312
|
-
|
1313
|
-
|
1314
|
-
|
1226
|
+
/* --------------
|
1227
|
+
Upward
|
1228
|
+
--------------- */
|
1315
1229
|
|
1316
1230
|
/* Upward Main Menu */
|
1317
1231
|
.ui.upward.dropdown > .menu {
|
1318
1232
|
top: auto;
|
1319
1233
|
bottom: 100%;
|
1320
|
-
|
1321
|
-
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1234
|
+
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1322
1235
|
}
|
1323
1236
|
|
1324
1237
|
/* Upward Sub Menu */
|
@@ -1345,13 +1258,11 @@ select.ui.dropdown {
|
|
1345
1258
|
.ui.ui.upward.selection.dropdown .menu {
|
1346
1259
|
border-top-width: 1px !important;
|
1347
1260
|
border-bottom-width: 0 !important;
|
1348
|
-
|
1349
|
-
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1261
|
+
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1350
1262
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
1351
1263
|
}
|
1352
1264
|
.ui.upward.selection.dropdown:hover {
|
1353
|
-
|
1354
|
-
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
|
1265
|
+
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
|
1355
1266
|
}
|
1356
1267
|
|
1357
1268
|
/* Active Upward */
|
@@ -1361,51 +1272,40 @@ select.ui.dropdown {
|
|
1361
1272
|
|
1362
1273
|
/* Visible Upward */
|
1363
1274
|
.ui.upward.selection.dropdown.visible {
|
1364
|
-
|
1365
|
-
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1275
|
+
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1366
1276
|
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
1367
1277
|
}
|
1368
1278
|
|
1369
1279
|
/* Visible Hover Upward */
|
1370
1280
|
.ui.upward.active.selection.dropdown:hover {
|
1371
|
-
|
1372
|
-
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
|
1281
|
+
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
|
1373
1282
|
}
|
1374
1283
|
.ui.upward.active.selection.dropdown:hover .menu {
|
1375
|
-
|
1376
|
-
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1284
|
+
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1377
1285
|
}
|
1378
1286
|
|
1379
|
-
|
1380
|
-
|
1381
|
-
|
1287
|
+
/* --------------
|
1288
|
+
Scrolling
|
1289
|
+
--------------- */
|
1382
1290
|
|
1383
|
-
|
1384
|
-
/* Selection Menu */
|
1291
|
+
/* Selection Menu */
|
1385
1292
|
.ui.scrolling.dropdown .menu,
|
1386
1293
|
.ui.dropdown .scrolling.menu {
|
1387
1294
|
overflow-x: hidden;
|
1388
1295
|
overflow-y: auto;
|
1389
|
-
|
1390
|
-
|
1391
|
-
overflow-x: hidden;
|
1392
|
-
overflow-y: auto;
|
1296
|
+
-ms-scroll-chaining: none;
|
1297
|
+
overscroll-behavior: none;
|
1393
1298
|
-webkit-backface-visibility: hidden;
|
1394
1299
|
backface-visibility: hidden;
|
1395
|
-
-webkit-overflow-scrolling: touch;
|
1396
1300
|
min-width: 100% !important;
|
1397
1301
|
width: auto !important;
|
1398
1302
|
}
|
1399
1303
|
.ui.dropdown .scrolling.menu {
|
1400
1304
|
position: static;
|
1401
|
-
overflow-y: auto;
|
1402
1305
|
border: none;
|
1403
|
-
|
1404
|
-
|
1405
|
-
border-radius: 0 !important;
|
1306
|
+
box-shadow: none !important;
|
1307
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
1406
1308
|
margin: 0 !important;
|
1407
|
-
min-width: 100% !important;
|
1408
|
-
width: auto !important;
|
1409
1309
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
1410
1310
|
}
|
1411
1311
|
.ui.scrolling.dropdown .menu .item.item.item,
|
@@ -1453,10 +1353,9 @@ select.ui.dropdown {
|
|
1453
1353
|
}
|
1454
1354
|
}
|
1455
1355
|
|
1456
|
-
|
1457
|
-
|
1458
|
-
|
1459
|
-
|
1356
|
+
/* --------------------
|
1357
|
+
Labeled
|
1358
|
+
--------------------- */
|
1460
1359
|
|
1461
1360
|
/* Regular Label on Left */
|
1462
1361
|
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
|
@@ -1476,13 +1375,11 @@ select.ui.dropdown {
|
|
1476
1375
|
border-bottom-left-radius: 0;
|
1477
1376
|
}
|
1478
1377
|
|
1479
|
-
|
1480
|
-
|
1481
|
-
|
1482
|
-
|
1378
|
+
/* --------------
|
1379
|
+
Columnar
|
1380
|
+
--------------- */
|
1483
1381
|
.ui.column.dropdown > .menu {
|
1484
|
-
|
1485
|
-
flex-wrap: wrap;
|
1382
|
+
flex-wrap: wrap;
|
1486
1383
|
}
|
1487
1384
|
.ui.dropdown[class*="two column"] > .menu > .item {
|
1488
1385
|
width: 50%;
|
@@ -1497,10 +1394,9 @@ select.ui.dropdown {
|
|
1497
1394
|
width: 20%;
|
1498
1395
|
}
|
1499
1396
|
|
1500
|
-
|
1501
|
-
|
1502
|
-
|
1503
|
-
|
1397
|
+
/* --------------
|
1398
|
+
Simple
|
1399
|
+
--------------- */
|
1504
1400
|
|
1505
1401
|
/* Displays without javascript */
|
1506
1402
|
.ui.simple.dropdown .menu::before,
|
@@ -1518,7 +1414,6 @@ select.ui.dropdown {
|
|
1518
1414
|
opacity: 0;
|
1519
1415
|
width: 0;
|
1520
1416
|
height: 0;
|
1521
|
-
-webkit-transition: opacity 0.1s ease;
|
1522
1417
|
transition: opacity 0.1s ease;
|
1523
1418
|
margin-top: 0 !important;
|
1524
1419
|
}
|
@@ -1538,7 +1433,7 @@ select.ui.dropdown {
|
|
1538
1433
|
}
|
1539
1434
|
.ui.simple.active.dropdown > .menu,
|
1540
1435
|
.ui.simple.dropdown:hover > .menu {
|
1541
|
-
overflow:
|
1436
|
+
overflow: visible;
|
1542
1437
|
width: auto;
|
1543
1438
|
height: auto;
|
1544
1439
|
top: 100%;
|
@@ -1546,13 +1441,21 @@ select.ui.dropdown {
|
|
1546
1441
|
}
|
1547
1442
|
.ui.simple.dropdown > .menu > .item:active > .menu,
|
1548
1443
|
.ui.simple.dropdown .menu .item:hover > .menu {
|
1549
|
-
overflow:
|
1444
|
+
overflow: visible;
|
1550
1445
|
width: auto;
|
1551
1446
|
height: auto;
|
1552
1447
|
top: 0 !important;
|
1553
1448
|
left: 100%;
|
1554
1449
|
opacity: 1;
|
1555
1450
|
}
|
1451
|
+
.ui.simple.selection.active.dropdown > .menu,
|
1452
|
+
.ui.simple.selection.dropdown:hover > .menu,
|
1453
|
+
.ui.simple.selection.dropdown > .menu > .item:active > .menu,
|
1454
|
+
.ui.simple.selection.dropdown .menu .item:hover > .menu {
|
1455
|
+
overflow: auto;
|
1456
|
+
-ms-scroll-chaining: none;
|
1457
|
+
overscroll-behavior: none;
|
1458
|
+
}
|
1556
1459
|
.ui.simple.dropdown > .menu > .item:active > .left.menu,
|
1557
1460
|
.ui.simple.dropdown .menu .item:hover > .left.menu,
|
1558
1461
|
.right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
|
@@ -1577,12 +1480,13 @@ select.ui.dropdown {
|
|
1577
1480
|
.ui.simple.scrolling.dropdown:hover > .menu {
|
1578
1481
|
overflow-x: hidden;
|
1579
1482
|
overflow-y: auto;
|
1483
|
+
-ms-scroll-chaining: none;
|
1484
|
+
overscroll-behavior: none;
|
1580
1485
|
}
|
1581
1486
|
|
1582
|
-
|
1583
|
-
|
1584
|
-
|
1585
|
-
|
1487
|
+
/* --------------
|
1488
|
+
Fluid
|
1489
|
+
--------------- */
|
1586
1490
|
.ui.fluid.dropdown {
|
1587
1491
|
display: block;
|
1588
1492
|
width: 100% !important;
|
@@ -1592,31 +1496,25 @@ select.ui.dropdown {
|
|
1592
1496
|
float: right;
|
1593
1497
|
}
|
1594
1498
|
|
1595
|
-
|
1596
|
-
|
1597
|
-
|
1598
|
-
|
1499
|
+
/* --------------
|
1500
|
+
Floating
|
1501
|
+
--------------- */
|
1599
1502
|
.ui.floating.dropdown > .menu {
|
1600
1503
|
left: 0;
|
1601
1504
|
right: auto;
|
1602
|
-
|
1603
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
|
1604
|
-
border-radius: 0.28571429rem !important;
|
1605
|
-
}
|
1606
|
-
.ui.floating.dropdown > .menu {
|
1505
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
|
1607
1506
|
border-radius: 0.28571429rem !important;
|
1608
1507
|
}
|
1609
1508
|
.ui:not(.upward).floating.dropdown > .menu {
|
1610
1509
|
margin-top: 0.5em;
|
1611
1510
|
}
|
1612
|
-
.ui.upward.floating.dropdown > .menu {
|
1511
|
+
.ui.upward.floating.dropdown:not(.simple) > .menu {
|
1613
1512
|
margin-bottom: 0.5em;
|
1614
1513
|
}
|
1615
1514
|
|
1616
|
-
|
1617
|
-
|
1618
|
-
|
1619
|
-
|
1515
|
+
/* --------------
|
1516
|
+
Pointing
|
1517
|
+
--------------- */
|
1620
1518
|
.ui.pointing.dropdown > .menu {
|
1621
1519
|
top: 100%;
|
1622
1520
|
margin-top: 0.78571429rem;
|
@@ -1626,15 +1524,13 @@ select.ui.dropdown {
|
|
1626
1524
|
display: block;
|
1627
1525
|
position: absolute;
|
1628
1526
|
pointer-events: none;
|
1629
|
-
content:
|
1527
|
+
content: "";
|
1630
1528
|
visibility: visible;
|
1631
|
-
|
1632
|
-
transform: rotate(45deg);
|
1529
|
+
transform: rotate(45deg);
|
1633
1530
|
width: 0.5em;
|
1634
1531
|
height: 0.5em;
|
1635
|
-
|
1636
|
-
|
1637
|
-
background: #FFFFFF;
|
1532
|
+
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1533
|
+
background: #fff;
|
1638
1534
|
z-index: 2;
|
1639
1535
|
}
|
1640
1536
|
.ui.pointing.dropdown > .menu:not(.hidden)::after {
|
@@ -1663,8 +1559,7 @@ select.ui.dropdown {
|
|
1663
1559
|
left: 1em;
|
1664
1560
|
right: auto;
|
1665
1561
|
margin: 0;
|
1666
|
-
|
1667
|
-
transform: rotate(45deg);
|
1562
|
+
transform: rotate(45deg);
|
1668
1563
|
}
|
1669
1564
|
|
1670
1565
|
/* Top Right Pointing */
|
@@ -1681,8 +1576,7 @@ select.ui.dropdown {
|
|
1681
1576
|
left: auto !important;
|
1682
1577
|
right: 1em !important;
|
1683
1578
|
margin: 0;
|
1684
|
-
|
1685
|
-
transform: rotate(45deg);
|
1579
|
+
transform: rotate(45deg);
|
1686
1580
|
}
|
1687
1581
|
|
1688
1582
|
/* Left Pointing */
|
@@ -1695,9 +1589,8 @@ select.ui.dropdown {
|
|
1695
1589
|
.ui.left.pointing.dropdown > .menu::after {
|
1696
1590
|
top: 1em;
|
1697
1591
|
left: -0.25em;
|
1698
|
-
margin: 0
|
1699
|
-
|
1700
|
-
transform: rotate(-45deg);
|
1592
|
+
margin: 0;
|
1593
|
+
transform: rotate(-45deg);
|
1701
1594
|
}
|
1702
1595
|
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
|
1703
1596
|
left: auto !important;
|
@@ -1708,9 +1601,8 @@ select.ui.dropdown {
|
|
1708
1601
|
top: 1em;
|
1709
1602
|
left: auto;
|
1710
1603
|
right: -0.25em;
|
1711
|
-
margin: 0
|
1712
|
-
|
1713
|
-
transform: rotate(135deg);
|
1604
|
+
margin: 0;
|
1605
|
+
transform: rotate(135deg);
|
1714
1606
|
}
|
1715
1607
|
|
1716
1608
|
/* Right Pointing */
|
@@ -1724,9 +1616,8 @@ select.ui.dropdown {
|
|
1724
1616
|
top: 1em;
|
1725
1617
|
left: auto;
|
1726
1618
|
right: -0.25em;
|
1727
|
-
margin: 0
|
1728
|
-
|
1729
|
-
transform: rotate(135deg);
|
1619
|
+
margin: 0;
|
1620
|
+
transform: rotate(135deg);
|
1730
1621
|
}
|
1731
1622
|
|
1732
1623
|
/* Bottom Pointing */
|
@@ -1742,8 +1633,7 @@ select.ui.dropdown {
|
|
1742
1633
|
bottom: -0.25em;
|
1743
1634
|
right: auto;
|
1744
1635
|
margin: 0;
|
1745
|
-
|
1746
|
-
transform: rotate(-135deg);
|
1636
|
+
transform: rotate(-135deg);
|
1747
1637
|
}
|
1748
1638
|
|
1749
1639
|
/* Reverse Sub-Menu Direction */
|
@@ -1784,8 +1674,7 @@ select.ui.dropdown {
|
|
1784
1674
|
.ui.top.pointing.upward.dropdown .menu::after {
|
1785
1675
|
top: 100% !important;
|
1786
1676
|
bottom: auto !important;
|
1787
|
-
|
1788
|
-
box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
|
1677
|
+
box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
|
1789
1678
|
margin: -0.25em 0 0;
|
1790
1679
|
}
|
1791
1680
|
|
@@ -1799,8 +1688,7 @@ select.ui.dropdown {
|
|
1799
1688
|
top: auto !important;
|
1800
1689
|
bottom: 0 !important;
|
1801
1690
|
margin: 0 0 1em 0;
|
1802
|
-
|
1803
|
-
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1691
|
+
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1804
1692
|
}
|
1805
1693
|
|
1806
1694
|
/* Left Pointing Upward */
|
@@ -1813,14 +1701,12 @@ select.ui.dropdown {
|
|
1813
1701
|
top: auto !important;
|
1814
1702
|
bottom: 0 !important;
|
1815
1703
|
margin: 0 0 1em 0;
|
1816
|
-
|
1817
|
-
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1704
|
+
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1818
1705
|
}
|
1819
1706
|
|
1820
|
-
|
1707
|
+
/* --------------------
|
1821
1708
|
Sizes
|
1822
|
-
|
1823
|
-
|
1709
|
+
--------------------- */
|
1824
1710
|
.ui.dropdown,
|
1825
1711
|
.ui.dropdown .menu > .item {
|
1826
1712
|
font-size: 1rem;
|
@@ -1854,17 +1740,15 @@ select.ui.dropdown {
|
|
1854
1740
|
font-size: 1.71428571rem;
|
1855
1741
|
}
|
1856
1742
|
|
1857
|
-
|
1858
|
-
|
1859
|
-
|
1860
|
-
|
1743
|
+
/* --------------
|
1744
|
+
Inverted
|
1745
|
+
--------------- */
|
1861
1746
|
|
1862
1747
|
/* General rules and basic dropdowns */
|
1863
1748
|
.ui.dropdown .inverted.menu,
|
1864
1749
|
.ui.inverted.dropdown .menu {
|
1865
|
-
background: #
|
1866
|
-
|
1867
|
-
box-shadow: none;
|
1750
|
+
background: #1b1c1d;
|
1751
|
+
box-shadow: none;
|
1868
1752
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
1869
1753
|
}
|
1870
1754
|
.ui.dropdown .inverted.menu > .item,
|
@@ -1875,8 +1759,7 @@ select.ui.dropdown {
|
|
1875
1759
|
.ui.inverted.dropdown .menu .active.item {
|
1876
1760
|
background: transparent;
|
1877
1761
|
color: rgba(255, 255, 255, 0.8);
|
1878
|
-
|
1879
|
-
box-shadow: none;
|
1762
|
+
box-shadow: none;
|
1880
1763
|
}
|
1881
1764
|
.ui.dropdown .inverted.menu > .item:hover,
|
1882
1765
|
.ui.inverted.dropdown .menu > .item:hover {
|
@@ -1891,7 +1774,7 @@ select.ui.dropdown {
|
|
1891
1774
|
}
|
1892
1775
|
.ui.dropdown .inverted.menu > .header,
|
1893
1776
|
.ui.inverted.dropdown .menu > .header {
|
1894
|
-
color: #
|
1777
|
+
color: #fff;
|
1895
1778
|
}
|
1896
1779
|
.ui.inverted.dropdown > .text > .description,
|
1897
1780
|
.ui.dropdown .inverted.menu > .item > .description,
|
@@ -1911,16 +1794,15 @@ select.ui.dropdown {
|
|
1911
1794
|
/* Selection */
|
1912
1795
|
.ui.inverted.selection.dropdown {
|
1913
1796
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
1914
|
-
background: #
|
1797
|
+
background: #1b1c1d;
|
1915
1798
|
color: rgba(255, 255, 255, 0.8);
|
1916
1799
|
}
|
1917
1800
|
.ui.inverted.selection.dropdown:hover {
|
1918
1801
|
border-color: rgba(255, 255, 255, 0.25);
|
1919
|
-
|
1920
|
-
box-shadow: none;
|
1802
|
+
box-shadow: none;
|
1921
1803
|
}
|
1922
1804
|
.ui.inverted.selection.dropdown input {
|
1923
|
-
color: #
|
1805
|
+
color: #fff;
|
1924
1806
|
}
|
1925
1807
|
.ui.inverted.selection.visible.dropdown > .text:not(.default) {
|
1926
1808
|
color: rgba(255, 255, 255, 0.9);
|
@@ -1967,8 +1849,7 @@ select.ui.dropdown {
|
|
1967
1849
|
background-color: rgba(255, 255, 255, 0.7);
|
1968
1850
|
background-image: none;
|
1969
1851
|
color: #000000;
|
1970
|
-
|
1971
|
-
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
|
1852
|
+
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
|
1972
1853
|
}
|
1973
1854
|
.ui.inverted.multiple.dropdown > .label:hover {
|
1974
1855
|
background-color: rgba(255, 255, 255, 0.9);
|
@@ -1986,20 +1867,6 @@ select.ui.dropdown {
|
|
1986
1867
|
}
|
1987
1868
|
|
1988
1869
|
/* Selection for form elements */
|
1989
|
-
.ui.inverted.dropdown textarea::-webkit-selection,
|
1990
|
-
.ui.inverted.dropdown input::-webkit-selection {
|
1991
|
-
background-color: rgba(255, 255, 255, 0.25);
|
1992
|
-
color: rgba(255, 255, 255, 0.8);
|
1993
|
-
}
|
1994
|
-
.ui.inverted.dropdown textarea::-moz-selection,
|
1995
|
-
.ui.inverted.dropdown input::-moz-selection {
|
1996
|
-
background-color: rgba(255, 255, 255, 0.25);
|
1997
|
-
color: rgba(255, 255, 255, 0.8);
|
1998
|
-
}
|
1999
|
-
.ui.inverted.dropdown textarea::-moz-selection, .ui.inverted.dropdown input::-moz-selection {
|
2000
|
-
background-color: rgba(255, 255, 255, 0.25);
|
2001
|
-
color: rgba(255, 255, 255, 0.8);
|
2002
|
-
}
|
2003
1870
|
.ui.inverted.dropdown textarea::selection,
|
2004
1871
|
.ui.inverted.dropdown input::selection {
|
2005
1872
|
background-color: rgba(255, 255, 255, 0.25);
|
@@ -2032,14 +1899,13 @@ select.ui.dropdown {
|
|
2032
1899
|
scrollbar-track-color: #323232;
|
2033
1900
|
scrollbar-arrow-color: #323232;
|
2034
1901
|
|
2035
|
-
/* firefox
|
1902
|
+
/* firefox: first color thumb, second track */
|
2036
1903
|
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
|
2037
1904
|
}
|
2038
1905
|
.ui.pointing.dropdown > .inverted.menu::after,
|
2039
1906
|
.ui.inverted.pointing.dropdown > .menu::after {
|
2040
|
-
background: #
|
2041
|
-
|
2042
|
-
box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
|
1907
|
+
background: #1b1c1d;
|
1908
|
+
box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
|
2043
1909
|
}
|
2044
1910
|
|
2045
1911
|
|
@@ -2050,13 +1916,13 @@ select.ui.dropdown {
|
|
2050
1916
|
|
2051
1917
|
/* Dropdown Carets */
|
2052
1918
|
@font-face {
|
2053
|
-
font-family:
|
2054
|
-
src: url(data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==) format(
|
1919
|
+
font-family: Dropdown;
|
1920
|
+
src: url("data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==") format("woff");
|
2055
1921
|
font-weight: normal;
|
2056
1922
|
font-style: normal;
|
2057
1923
|
}
|
2058
1924
|
.ui.dropdown > .dropdown.icon {
|
2059
|
-
font-family:
|
1925
|
+
font-family: Dropdown;
|
2060
1926
|
line-height: 1;
|
2061
1927
|
height: 1em;
|
2062
1928
|
width: 1.23em;
|
@@ -2070,21 +1936,23 @@ select.ui.dropdown {
|
|
2070
1936
|
width: auto;
|
2071
1937
|
}
|
2072
1938
|
.ui.dropdown > .dropdown.icon::before {
|
2073
|
-
content:
|
1939
|
+
content: "\f0d7";
|
2074
1940
|
}
|
2075
1941
|
|
2076
1942
|
/* Sub Menu */
|
2077
1943
|
.ui.dropdown .menu .item .dropdown.icon::before {
|
2078
|
-
content:
|
1944
|
+
content: "\f0da"
|
1945
|
+
/* rtl: "\f0d9" */;
|
2079
1946
|
}
|
2080
1947
|
.ui.dropdown .item .left.dropdown.icon::before,
|
2081
1948
|
.ui.dropdown .left.menu .item .dropdown.icon::before {
|
2082
|
-
content: "\f0d9" /*rtl:"\f0da"*/;
|
1949
|
+
content: "\f0d9" /*rtl: "\f0da" */;
|
2083
1950
|
}
|
2084
1951
|
|
2085
1952
|
/* Vertical Menu Dropdown */
|
2086
1953
|
.ui.vertical.menu .dropdown.item > .dropdown.icon::before {
|
2087
|
-
content: "\f0da"
|
1954
|
+
content: "\f0da"
|
1955
|
+
/* rtl: "\f0d9" */;
|
2088
1956
|
}
|
2089
1957
|
/* Icons for Reference
|
2090
1958
|
.dropdown.down.icon {
|