semantic-ui-sass 2.2.12.1 → 2.2.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/dropdown.js +48 -10
- data/app/assets/javascripts/semantic-ui/form.js +6 -6
- data/app/assets/javascripts/semantic-ui/popup.js +4 -4
- data/app/assets/javascripts/semantic-ui/visibility.js +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +27 -14
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +83 -46
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +77 -36
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +46 -23
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +49 -24
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +482 -243
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +5 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +11 -5
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +9 -5
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +16 -8
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +13 -7
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +10 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +37 -18
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +11 -8
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +13 -7
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -12
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +66 -33
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +14 -12
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +39 -20
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +14 -7
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +5 -3
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +70 -37
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -4
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +10 -9
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Step
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -26,7 +26,8 @@
|
|
26
26
|
align-items: stretch;
|
27
27
|
margin: 1em 0em;
|
28
28
|
background: '';
|
29
|
-
box-shadow: none;
|
29
|
+
-webkit-box-shadow: none;
|
30
|
+
box-shadow: none;
|
30
31
|
line-height: 1.14285714em;
|
31
32
|
border-radius: 0.28571429rem;
|
32
33
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
@@ -72,12 +73,15 @@
|
|
72
73
|
padding: 1.14285714em 2em;
|
73
74
|
background: #FFFFFF;
|
74
75
|
color: rgba(0, 0, 0, 0.87);
|
75
|
-
box-shadow: none;
|
76
|
+
-webkit-box-shadow: none;
|
77
|
+
box-shadow: none;
|
76
78
|
border-radius: 0em;
|
77
79
|
border: none;
|
78
80
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
79
|
-
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
81
|
+
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
82
|
+
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
80
83
|
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
84
|
+
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
81
85
|
}
|
82
86
|
|
83
87
|
/* Arrow */
|
@@ -95,8 +99,10 @@
|
|
95
99
|
border-style: solid;
|
96
100
|
border-color: rgba(34, 36, 38, 0.15);
|
97
101
|
border-width: 0px 1px 1px 0px;
|
98
|
-
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
102
|
+
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
103
|
+
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
99
104
|
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
105
|
+
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
100
106
|
-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
101
107
|
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
102
108
|
}
|
@@ -163,7 +169,6 @@
|
|
163
169
|
-ms-flex: 0 1 auto;
|
164
170
|
flex: 0 1 auto;
|
165
171
|
-ms-flex-item-align: middle;
|
166
|
-
-ms-grid-row-align: middle;
|
167
172
|
align-self: middle;
|
168
173
|
}
|
169
174
|
.ui.steps .step > .icon ~ .content {
|
@@ -202,7 +207,6 @@
|
|
202
207
|
text-align: center;
|
203
208
|
content: counters(ordered, ".");
|
204
209
|
-ms-flex-item-align: middle;
|
205
|
-
-ms-grid-row-align: middle;
|
206
210
|
align-self: middle;
|
207
211
|
margin-right: 1rem;
|
208
212
|
font-size: 2.5em;
|
@@ -213,7 +217,6 @@
|
|
213
217
|
.ui.ordered.steps .step > * {
|
214
218
|
display: block;
|
215
219
|
-ms-flex-item-align: middle;
|
216
|
-
-ms-grid-row-align: middle;
|
217
220
|
align-self: middle;
|
218
221
|
}
|
219
222
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Reset
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -18,10 +18,12 @@
|
|
18
18
|
*,
|
19
19
|
*:before,
|
20
20
|
*:after {
|
21
|
-
box-sizing: inherit;
|
21
|
+
-webkit-box-sizing: inherit;
|
22
|
+
box-sizing: inherit;
|
22
23
|
}
|
23
24
|
html {
|
24
|
-
box-sizing: border-box;
|
25
|
+
-webkit-box-sizing: border-box;
|
26
|
+
box-sizing: border-box;
|
25
27
|
}
|
26
28
|
|
27
29
|
/* iPad Input Shadows */
|
@@ -107,7 +109,8 @@ figure {
|
|
107
109
|
* 2. Show the overflow in Edge and IE.
|
108
110
|
*/
|
109
111
|
hr {
|
110
|
-
box-sizing: content-box;
|
112
|
+
-webkit-box-sizing: content-box;
|
113
|
+
box-sizing: content-box;
|
111
114
|
|
112
115
|
/* 1 */
|
113
116
|
height: 0;
|
@@ -155,7 +158,8 @@ abbr[title] {
|
|
155
158
|
text-decoration: underline;
|
156
159
|
|
157
160
|
/* 2 */
|
158
|
-
text-decoration: underline dotted;
|
161
|
+
-webkit-text-decoration: underline dotted;
|
162
|
+
text-decoration: underline dotted;
|
159
163
|
|
160
164
|
/* 2 */
|
161
165
|
}
|
@@ -342,7 +346,8 @@ fieldset {
|
|
342
346
|
* `fieldset` elements in all browsers.
|
343
347
|
*/
|
344
348
|
legend {
|
345
|
-
box-sizing: border-box;
|
349
|
+
-webkit-box-sizing: border-box;
|
350
|
+
box-sizing: border-box;
|
346
351
|
|
347
352
|
/* 1 */
|
348
353
|
color: inherit;
|
@@ -385,7 +390,8 @@ textarea {
|
|
385
390
|
*/
|
386
391
|
[type="checkbox"],
|
387
392
|
[type="radio"] {
|
388
|
-
box-sizing: border-box;
|
393
|
+
-webkit-box-sizing: border-box;
|
394
|
+
box-sizing: border-box;
|
389
395
|
|
390
396
|
/* 1 */
|
391
397
|
padding: 0;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Site
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -159,6 +159,7 @@ input::selection {
|
|
159
159
|
body ::-webkit-scrollbar {
|
160
160
|
-webkit-appearance: none;
|
161
161
|
width: 10px;
|
162
|
+
height: 10px;
|
162
163
|
}
|
163
164
|
body ::-webkit-scrollbar-track {
|
164
165
|
background: rgba(0, 0, 0, 0.1);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Accordion
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -127,7 +127,8 @@
|
|
127
127
|
.ui.styled.accordion .accordion {
|
128
128
|
border-radius: 0.28571429rem;
|
129
129
|
background: #FFFFFF;
|
130
|
-
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
130
|
+
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
131
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
131
132
|
}
|
132
133
|
.ui.styled.accordion .title,
|
133
134
|
.ui.styled.accordion .accordion .title {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Checkbox
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -69,10 +69,10 @@
|
|
69
69
|
content: '';
|
70
70
|
background: #FFFFFF;
|
71
71
|
border-radius: 0.21428571rem;
|
72
|
-
-webkit-transition: border 0.1s ease, opacity 0.1s ease,
|
73
|
-
transition: border 0.1s ease, opacity 0.1s ease,
|
72
|
+
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
73
|
+
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
74
74
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
75
|
-
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
|
75
|
+
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
76
76
|
border: 1px solid #D4D4D5;
|
77
77
|
}
|
78
78
|
|
@@ -91,10 +91,10 @@
|
|
91
91
|
text-align: center;
|
92
92
|
opacity: 0;
|
93
93
|
color: rgba(0, 0, 0, 0.87);
|
94
|
-
-webkit-transition: border 0.1s ease, opacity 0.1s ease,
|
95
|
-
transition: border 0.1s ease, opacity 0.1s ease,
|
94
|
+
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
95
|
+
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
96
96
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
97
|
-
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
|
97
|
+
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
98
98
|
}
|
99
99
|
|
100
100
|
/*--------------
|
@@ -394,6 +394,7 @@
|
|
394
394
|
/* Handle */
|
395
395
|
.ui.slider.checkbox .box:after,
|
396
396
|
.ui.slider.checkbox label:after {
|
397
|
+
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
397
398
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
398
399
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
399
400
|
position: absolute;
|
@@ -401,7 +402,8 @@
|
|
401
402
|
opacity: 1;
|
402
403
|
z-index: 2;
|
403
404
|
border: none;
|
404
|
-
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
405
|
+
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
406
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
405
407
|
width: 1.5rem;
|
406
408
|
height: 1.5rem;
|
407
409
|
top: -0.25rem;
|
@@ -491,7 +493,8 @@
|
|
491
493
|
border: none;
|
492
494
|
top: 0rem;
|
493
495
|
background: rgba(0, 0, 0, 0.05);
|
494
|
-
box-shadow: none;
|
496
|
+
-webkit-box-shadow: none;
|
497
|
+
box-shadow: none;
|
495
498
|
width: 3.5rem;
|
496
499
|
height: 1.5rem;
|
497
500
|
border-radius: 500rem;
|
@@ -500,6 +503,7 @@
|
|
500
503
|
/* Handle */
|
501
504
|
.ui.toggle.checkbox .box:after,
|
502
505
|
.ui.toggle.checkbox label:after {
|
506
|
+
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
503
507
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
504
508
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
505
509
|
position: absolute;
|
@@ -507,7 +511,8 @@
|
|
507
511
|
opacity: 1;
|
508
512
|
z-index: 2;
|
509
513
|
border: none;
|
510
|
-
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
514
|
+
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
515
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
511
516
|
width: 1.5rem;
|
512
517
|
height: 1.5rem;
|
513
518
|
top: 0rem;
|
@@ -519,7 +524,8 @@
|
|
519
524
|
.ui.toggle.checkbox input ~ .box:after,
|
520
525
|
.ui.toggle.checkbox input ~ label:after {
|
521
526
|
left: -0.05rem;
|
522
|
-
box-shadow:
|
527
|
+
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
528
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
523
529
|
}
|
524
530
|
|
525
531
|
/* Focus */
|
@@ -548,7 +554,8 @@
|
|
548
554
|
.ui.toggle.checkbox input:checked ~ .box:after,
|
549
555
|
.ui.toggle.checkbox input:checked ~ label:after {
|
550
556
|
left: 2.15rem;
|
551
|
-
box-shadow:
|
557
|
+
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
558
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
552
559
|
}
|
553
560
|
|
554
561
|
/* Active Focus */
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Dropdown
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -19,8 +19,10 @@
|
|
19
19
|
display: inline-block;
|
20
20
|
outline: none;
|
21
21
|
text-align: left;
|
22
|
-
-webkit-transition:
|
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;
|
23
24
|
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;
|
24
26
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
25
27
|
}
|
26
28
|
|
@@ -49,7 +51,8 @@
|
|
49
51
|
font-size: 1em;
|
50
52
|
text-shadow: none;
|
51
53
|
text-align: left;
|
52
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
54
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
55
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
53
56
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
54
57
|
border-radius: 0.28571429rem;
|
55
58
|
-webkit-transition: opacity 0.1s ease;
|
@@ -117,7 +120,8 @@
|
|
117
120
|
font-size: 1rem;
|
118
121
|
text-transform: none;
|
119
122
|
font-weight: normal;
|
120
|
-
box-shadow: none;
|
123
|
+
-webkit-box-shadow: none;
|
124
|
+
box-shadow: none;
|
121
125
|
-webkit-touch-callout: none;
|
122
126
|
}
|
123
127
|
.ui.dropdown .menu > .item:first-child {
|
@@ -164,7 +168,7 @@
|
|
164
168
|
height: 0em;
|
165
169
|
margin: 0.5em 0em;
|
166
170
|
}
|
167
|
-
.ui.dropdown .menu > .input {
|
171
|
+
.ui.dropdown.dropdown .menu > .input {
|
168
172
|
width: auto;
|
169
173
|
display: -webkit-box;
|
170
174
|
display: -ms-flexbox;
|
@@ -356,11 +360,14 @@
|
|
356
360
|
display: inline-block;
|
357
361
|
padding: 0.78571429em 2.1em 0.78571429em 1em;
|
358
362
|
color: rgba(0, 0, 0, 0.87);
|
359
|
-
box-shadow: none;
|
363
|
+
-webkit-box-shadow: none;
|
364
|
+
box-shadow: none;
|
360
365
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
361
366
|
border-radius: 0.28571429rem;
|
362
|
-
-webkit-transition:
|
367
|
+
-webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
368
|
+
transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
363
369
|
transition: box-shadow 0.1s ease, width 0.1s ease;
|
370
|
+
transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
|
364
371
|
}
|
365
372
|
.ui.selection.dropdown.visible,
|
366
373
|
.ui.selection.dropdown.active {
|
@@ -409,7 +416,8 @@ select.ui.dropdown {
|
|
409
416
|
min-width: calc(100% + 2px );
|
410
417
|
width: calc(100% + 2px );
|
411
418
|
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
412
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
419
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
420
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
413
421
|
-webkit-transition: opacity 0.1s ease;
|
414
422
|
transition: opacity 0.1s ease;
|
415
423
|
}
|
@@ -462,27 +470,32 @@ select.ui.dropdown {
|
|
462
470
|
/* Hover */
|
463
471
|
.ui.selection.dropdown:hover {
|
464
472
|
border-color: rgba(34, 36, 38, 0.35);
|
465
|
-
box-shadow: none;
|
473
|
+
-webkit-box-shadow: none;
|
474
|
+
box-shadow: none;
|
466
475
|
}
|
467
476
|
|
468
477
|
/* Active */
|
469
478
|
.ui.selection.active.dropdown {
|
470
479
|
border-color: #96C8DA;
|
471
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
480
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
481
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
472
482
|
}
|
473
483
|
.ui.selection.active.dropdown .menu {
|
474
484
|
border-color: #96C8DA;
|
475
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
485
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
486
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
476
487
|
}
|
477
488
|
|
478
489
|
/* Focus */
|
479
490
|
.ui.selection.dropdown:focus {
|
480
491
|
border-color: #96C8DA;
|
481
|
-
box-shadow: none;
|
492
|
+
-webkit-box-shadow: none;
|
493
|
+
box-shadow: none;
|
482
494
|
}
|
483
495
|
.ui.selection.dropdown:focus .menu {
|
484
496
|
border-color: #96C8DA;
|
485
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
497
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
498
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
486
499
|
}
|
487
500
|
|
488
501
|
/* Visible */
|
@@ -494,11 +507,13 @@ select.ui.dropdown {
|
|
494
507
|
/* Visible Hover */
|
495
508
|
.ui.selection.active.dropdown:hover {
|
496
509
|
border-color: #96C8DA;
|
497
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
510
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
511
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
498
512
|
}
|
499
513
|
.ui.selection.active.dropdown:hover .menu {
|
500
514
|
border-color: #96C8DA;
|
501
|
-
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
515
|
+
-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
516
|
+
box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
|
502
517
|
}
|
503
518
|
|
504
519
|
/* Dropdown Icon */
|
@@ -517,11 +532,13 @@ select.ui.dropdown {
|
|
517
532
|
/* Empty Connecting Border */
|
518
533
|
.ui.active.empty.selection.dropdown {
|
519
534
|
border-radius: 0.28571429rem !important;
|
520
|
-
box-shadow: none !important;
|
535
|
+
-webkit-box-shadow: none !important;
|
536
|
+
box-shadow: none !important;
|
521
537
|
}
|
522
538
|
.ui.active.empty.selection.dropdown .menu {
|
523
539
|
border: none !important;
|
524
|
-
box-shadow: none !important;
|
540
|
+
-webkit-box-shadow: none !important;
|
541
|
+
box-shadow: none !important;
|
525
542
|
}
|
526
543
|
|
527
544
|
/*--------------
|
@@ -538,7 +555,8 @@ select.ui.dropdown {
|
|
538
555
|
.ui.search.dropdown > input.search {
|
539
556
|
background: none transparent !important;
|
540
557
|
border: none !important;
|
541
|
-
box-shadow: none !important;
|
558
|
+
-webkit-box-shadow: none !important;
|
559
|
+
box-shadow: none !important;
|
542
560
|
cursor: text;
|
543
561
|
top: 0em;
|
544
562
|
left: 1px;
|
@@ -653,7 +671,8 @@ select.ui.dropdown {
|
|
653
671
|
font-size: 1em;
|
654
672
|
padding: 0.35714286em 0.78571429em;
|
655
673
|
margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
|
656
|
-
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
674
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
675
|
+
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
657
676
|
}
|
658
677
|
|
659
678
|
/* Dropdown Icon */
|
@@ -744,7 +763,8 @@ select.ui.dropdown {
|
|
744
763
|
background: transparent;
|
745
764
|
font-weight: bold;
|
746
765
|
color: rgba(0, 0, 0, 0.95);
|
747
|
-
box-shadow: none;
|
766
|
+
-webkit-box-shadow: none;
|
767
|
+
box-shadow: none;
|
748
768
|
z-index: 12;
|
749
769
|
}
|
750
770
|
|
@@ -786,7 +806,8 @@ select.ui.dropdown {
|
|
786
806
|
content: '';
|
787
807
|
top: 50%;
|
788
808
|
left: 50%;
|
789
|
-
box-shadow: 0px 0px 0px 1px transparent;
|
809
|
+
-webkit-box-shadow: 0px 0px 0px 1px transparent;
|
810
|
+
box-shadow: 0px 0px 0px 1px transparent;
|
790
811
|
margin: -0.64285714em 0em 0em -0.64285714em;
|
791
812
|
width: 1.28571429em;
|
792
813
|
height: 1.28571429em;
|
@@ -1001,7 +1022,8 @@ select.ui.dropdown {
|
|
1001
1022
|
.ui.upward.dropdown > .menu {
|
1002
1023
|
top: auto;
|
1003
1024
|
bottom: 100%;
|
1004
|
-
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1025
|
+
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1026
|
+
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1005
1027
|
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
1006
1028
|
}
|
1007
1029
|
|
@@ -1024,10 +1046,12 @@ select.ui.dropdown {
|
|
1024
1046
|
.ui.upward.selection.dropdown .menu {
|
1025
1047
|
border-top-width: 1px !important;
|
1026
1048
|
border-bottom-width: 0px !important;
|
1027
|
-
box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1049
|
+
-webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1050
|
+
box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1028
1051
|
}
|
1029
1052
|
.ui.upward.selection.dropdown:hover {
|
1030
|
-
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
|
1053
|
+
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
|
1054
|
+
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
|
1031
1055
|
}
|
1032
1056
|
|
1033
1057
|
/* Active Upward */
|
@@ -1037,16 +1061,19 @@ select.ui.dropdown {
|
|
1037
1061
|
|
1038
1062
|
/* Visible Upward */
|
1039
1063
|
.ui.upward.selection.dropdown.visible {
|
1040
|
-
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1064
|
+
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1065
|
+
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
|
1041
1066
|
border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
|
1042
1067
|
}
|
1043
1068
|
|
1044
1069
|
/* Visible Hover Upward */
|
1045
1070
|
.ui.upward.active.selection.dropdown:hover {
|
1046
|
-
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
|
1071
|
+
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
|
1072
|
+
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
|
1047
1073
|
}
|
1048
1074
|
.ui.upward.active.selection.dropdown:hover .menu {
|
1049
|
-
box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1075
|
+
-webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1076
|
+
box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
|
1050
1077
|
}
|
1051
1078
|
|
1052
1079
|
/*--------------
|
@@ -1073,7 +1100,8 @@ select.ui.dropdown {
|
|
1073
1100
|
position: static;
|
1074
1101
|
overflow-y: auto;
|
1075
1102
|
border: none;
|
1076
|
-
box-shadow: none !important;
|
1103
|
+
-webkit-box-shadow: none !important;
|
1104
|
+
box-shadow: none !important;
|
1077
1105
|
border-radius: 0 !important;
|
1078
1106
|
margin: 0 !important;
|
1079
1107
|
min-width: 100% !important;
|
@@ -1200,7 +1228,8 @@ select.ui.dropdown {
|
|
1200
1228
|
.ui.floating.dropdown .menu {
|
1201
1229
|
left: 0;
|
1202
1230
|
right: auto;
|
1203
|
-
box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
|
1231
|
+
-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
|
1232
|
+
box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
|
1204
1233
|
border-radius: 0.28571429rem !important;
|
1205
1234
|
}
|
1206
1235
|
.ui.floating.dropdown > .menu {
|
@@ -1227,7 +1256,8 @@ select.ui.dropdown {
|
|
1227
1256
|
transform: rotate(45deg);
|
1228
1257
|
width: 0.5em;
|
1229
1258
|
height: 0.5em;
|
1230
|
-
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1259
|
+
-webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1260
|
+
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1231
1261
|
background: #FFFFFF;
|
1232
1262
|
z-index: 2;
|
1233
1263
|
}
|
@@ -1378,7 +1408,8 @@ select.ui.dropdown {
|
|
1378
1408
|
.ui.top.pointing.upward.dropdown .menu:after {
|
1379
1409
|
top: 100% !important;
|
1380
1410
|
bottom: auto !important;
|
1381
|
-
box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
|
1411
|
+
-webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
|
1412
|
+
box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
|
1382
1413
|
margin: -0.25em 0em 0em;
|
1383
1414
|
}
|
1384
1415
|
|
@@ -1392,7 +1423,8 @@ select.ui.dropdown {
|
|
1392
1423
|
top: auto !important;
|
1393
1424
|
bottom: 0 !important;
|
1394
1425
|
margin: 0em 0em 1em 0em;
|
1395
|
-
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1426
|
+
-webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1427
|
+
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1396
1428
|
}
|
1397
1429
|
|
1398
1430
|
/* Left Pointing Upward */
|
@@ -1405,7 +1437,8 @@ select.ui.dropdown {
|
|
1405
1437
|
top: auto !important;
|
1406
1438
|
bottom: 0 !important;
|
1407
1439
|
margin: 0em 0em 1em 0em;
|
1408
|
-
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1440
|
+
-webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1441
|
+
box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1409
1442
|
}
|
1410
1443
|
|
1411
1444
|
|