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.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/dropdown.js +48 -10
  4. data/app/assets/javascripts/semantic-ui/form.js +6 -6
  5. data/app/assets/javascripts/semantic-ui/popup.js +4 -4
  6. data/app/assets/javascripts/semantic-ui/visibility.js +2 -2
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +27 -14
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +83 -46
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +77 -36
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +46 -23
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +49 -24
  13. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +482 -243
  14. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +5 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +11 -5
  18. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +9 -5
  19. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +16 -8
  21. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +13 -7
  22. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  23. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +4 -4
  24. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +10 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +37 -18
  27. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +11 -8
  28. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +13 -7
  29. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -1
  30. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +3 -2
  31. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -12
  32. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +66 -33
  34. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  35. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +14 -12
  36. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +3 -2
  37. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +39 -20
  38. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +3 -2
  39. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +14 -7
  41. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +5 -3
  43. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -2
  45. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/views/_card.scss +70 -37
  48. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -2
  49. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -4
  50. data/app/assets/stylesheets/semantic-ui/views/_item.scss +10 -9
  51. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  52. data/lib/semantic/ui/sass/version.rb +2 -2
  53. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.12 - Step
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.12 - Reset
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.12 - Site
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.12 - Accordion
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.12 - Checkbox
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, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
73
- transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 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, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
95
- transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 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: none;
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: none;
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.12 - Dimmer
2
+ * # Semantic UI 2.2.14 - Dimmer
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.12 - Dropdown
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: box-shadow 0.1s ease, width 0.1s ease;
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: box-shadow 0.1s ease, width 0.1s ease;
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