semantic-ui-sass 1.7.0.0 → 1.7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/accordion.js +100 -47
  4. data/app/assets/javascripts/semantic-ui/api.js +9 -9
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +14 -13
  6. data/app/assets/javascripts/semantic-ui/dimmer.js +9 -9
  7. data/app/assets/javascripts/semantic-ui/dropdown.js +98 -58
  8. data/app/assets/javascripts/semantic-ui/form.js +23 -23
  9. data/app/assets/javascripts/semantic-ui/modal.js +14 -14
  10. data/app/assets/javascripts/semantic-ui/popup.js +91 -40
  11. data/app/assets/javascripts/semantic-ui/progress.js +12 -6
  12. data/app/assets/javascripts/semantic-ui/rating.js +6 -6
  13. data/app/assets/javascripts/semantic-ui/search.js +217 -206
  14. data/app/assets/javascripts/semantic-ui/shape.js +8 -8
  15. data/app/assets/javascripts/semantic-ui/sidebar.js +116 -93
  16. data/app/assets/javascripts/semantic-ui/site.js +2 -2
  17. data/app/assets/javascripts/semantic-ui/state.js +6 -6
  18. data/app/assets/javascripts/semantic-ui/sticky.js +11 -11
  19. data/app/assets/javascripts/semantic-ui/tab.js +12 -12
  20. data/app/assets/javascripts/semantic-ui/transition.js +9 -9
  21. data/app/assets/javascripts/semantic-ui/video.js +4 -4
  22. data/app/assets/javascripts/semantic-ui/visibility.js +3 -3
  23. data/app/assets/javascripts/semantic-ui/visit.js +7 -7
  24. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +118 -14
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +23 -9
  28. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +4 -4
  29. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +127 -126
  31. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -2
  33. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +5 -5
  38. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +4 -3
  39. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +13 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -7
  43. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +36 -35
  44. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +23 -4
  46. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +3 -3
  47. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +115 -29
  50. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -6
  53. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +13 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +134 -16
  58. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +13 -1
  63. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  66. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  68. data/lib/semantic/ui/sass/version.rb +2 -2
  69. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -339,7 +339,6 @@ i.flag.gabon:before {
339
339
  background-position: -36px 0px;
340
340
  }
341
341
  i.flag.gb:before,
342
- i.flag.england:before,
343
342
  i.flag.united.kingdom:before {
344
343
  background-position: -36px -26px;
345
344
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -339,7 +339,7 @@ i.massive.icon {
339
339
  }
340
340
  /*
341
341
  * # Semantic - Icon
342
- * http://github.com/jlukic/semantic-ui/
342
+ * http://github.com/semantic-org/semantic-ui/
343
343
  *
344
344
  *
345
345
  * Copyright 2014 Contributor
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -104,17 +104,17 @@ a.ui.label {
104
104
  /* Remove border radius on attached segment */
105
105
  .ui.attached.segment > .ui.top.left.attached.label,
106
106
  .ui.bottom.attached.segment > .ui.top.left.attached.label {
107
- border-radius-top-left: 0;
107
+ border-top-left-radius: 0;
108
108
  }
109
109
  .ui.attached.segment > .ui.top.right.attached.label,
110
110
  .ui.bottom.attached.segment > .ui.top.right.attached.label {
111
- border-radius-top-right: 0;
111
+ border-top-right-radius: 0;
112
112
  }
113
113
  .ui.top.attached.segment > .ui.bottom.left.attached.label {
114
- border-radius-bottom-left: 0;
114
+ border-bottom-left-radius: 0;
115
115
  }
116
116
  .ui.top.attached.segment > .ui.bottom.right.attached.label {
117
- border-radius-bottom-right: 0;
117
+ border-bottom-right-radius: 0;
118
118
  }
119
119
 
120
120
  /* Padding on next content after a label */
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -96,8 +96,8 @@ ol.ui.list ol,
96
96
  -webkit-transition: color 0.2s ease;
97
97
  transition: color 0.2s ease;
98
98
  }
99
- .ui.list .list > .item [class*="top aligned"] i.icon,
100
- .ui.list > .item > [class*="top aligned"] i.icon {
99
+ .ui.list .list > .item i[class*="top aligned"].icon,
100
+ .ui.list > .item > i[class*="top aligned"].icon {
101
101
  vertical-align: top;
102
102
  }
103
103
  .ui.list .list > .item > i.icon:only-child,
@@ -227,6 +227,7 @@ ol.ui.list ol,
227
227
  .ui.menu .ui.list .list > .item {
228
228
  display: list-item;
229
229
  table-layout: fixed;
230
+ background-color: transparent;
230
231
  list-style-type: none;
231
232
  list-style-position: outside;
232
233
  padding: 0.3em 0em;
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -280,3 +280,15 @@
280
280
  .ui.reveal > .content {
281
281
  font-size: 1rem !important;
282
282
  }
283
+
284
+
285
+ /*******************************
286
+ Theme Overrides
287
+ *******************************/
288
+
289
+
290
+
291
+ /*******************************
292
+ Site Overrides
293
+ *******************************/
294
+
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -336,12 +336,6 @@
336
336
  box-shadow: none;
337
337
  border-radius: 0px;
338
338
  }
339
- .ui.basic.segment:first-child {
340
- padding-top: 0em;
341
- }
342
- .ui.basic.segment:last-child {
343
- padding-bottom: 0em;
344
- }
345
339
 
346
340
  /*-------------------
347
341
  Fittted
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -12,15 +12,15 @@
12
12
 
13
13
 
14
14
  /*******************************
15
- Step
15
+ Singular
16
16
  *******************************/
17
17
 
18
18
  .ui.steps .step {
19
- display: inline-block;
20
19
  position: relative;
20
+ display: table-cell;
21
+ vertical-align: middle;
21
22
  margin: 0em 0em;
22
23
  padding: 0.9285em 1.5em 0.9285em 2.25em;
23
- vertical-align: top;
24
24
  background: #ffffff;
25
25
  color: rgba(0, 0, 0, 0.8);
26
26
  box-shadow: 0px 0px 0px 1px #d4d4d5;
@@ -49,6 +49,37 @@
49
49
  }
50
50
 
51
51
 
52
+ /*******************************
53
+ Plural
54
+ *******************************/
55
+
56
+ .ui.steps {
57
+ display: table;
58
+ table-layout: fixed;
59
+ background: '';
60
+ box-shadow: '';
61
+ line-height: 1.142rem;
62
+ box-sizing: border-box;
63
+ border-radius: 0.2857rem;
64
+ }
65
+ .ui.steps .step:first-child {
66
+ padding-left: 1.5em;
67
+ border-radius: 0.2857rem 0em 0em 0.2857rem;
68
+ }
69
+ .ui.steps .step:last-child {
70
+ border-radius: 0em 0.2857rem 0.2857rem 0em;
71
+ }
72
+ .ui.steps .step:only-child {
73
+ border-radius: 0.2857rem;
74
+ }
75
+ .ui.steps .step:last-child {
76
+ margin-right: 0em;
77
+ }
78
+ .ui.steps .step:last-child:after {
79
+ display: none;
80
+ }
81
+
82
+
52
83
  /*******************************
53
84
  Content
54
85
  *******************************/
@@ -122,6 +153,7 @@
122
153
  ---------------*/
123
154
 
124
155
  .ui.vertical.steps {
156
+ display: inline-block;
125
157
  overflow: visible;
126
158
  }
127
159
  .ui.vertical.steps .step {
@@ -177,37 +209,6 @@
177
209
  }
178
210
 
179
211
 
180
- /*******************************
181
- Group
182
- *******************************/
183
-
184
- .ui.steps {
185
- display: inline-block;
186
- font-size: 0em;
187
- background: '';
188
- box-shadow: '';
189
- line-height: 1.142rem;
190
- box-sizing: border-box;
191
- border-radius: 0.2857rem;
192
- }
193
- .ui.steps .step:first-child {
194
- padding-left: 1.5em;
195
- border-radius: 0.2857rem 0em 0em 0.2857rem;
196
- }
197
- .ui.steps .step:last-child {
198
- border-radius: 0em 0.2857rem 0.2857rem 0em;
199
- }
200
- .ui.steps .step:only-child {
201
- border-radius: 0.2857rem;
202
- }
203
- .ui.steps .step:last-child {
204
- margin-right: 0em;
205
- }
206
- .ui.steps .step:last-child:after {
207
- display: none;
208
- }
209
-
210
-
211
212
  /*******************************
212
213
  States
213
214
  *******************************/
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -102,16 +102,35 @@ a:hover {
102
102
  Highlighting
103
103
  *******************************/
104
104
 
105
+
106
+ /* Site */
105
107
  ::-webkit-selection {
106
- background-color: rgba(255, 255, 160, 0.4);
108
+ background-color: #cce2ff;
107
109
  color: rgba(0, 0, 0, 0.8);
108
110
  }
109
111
  ::-moz-selection {
110
- background-color: rgba(255, 255, 160, 0.4);
112
+ background-color: #cce2ff;
111
113
  color: rgba(0, 0, 0, 0.8);
112
114
  }
113
115
  ::selection {
114
- background-color: rgba(255, 255, 160, 0.4);
116
+ background-color: #cce2ff;
117
+ color: rgba(0, 0, 0, 0.8);
118
+ }
119
+
120
+ /* Form */
121
+ textarea::-webkit-selection,
122
+ input::-webkit-selection {
123
+ background-color: rgba(100, 100, 100, 0.4);
124
+ color: rgba(0, 0, 0, 0.8);
125
+ }
126
+ textarea::-moz-selection,
127
+ input::-moz-selection {
128
+ background-color: rgba(100, 100, 100, 0.4);
129
+ color: rgba(0, 0, 0, 0.8);
130
+ }
131
+ textarea::selection,
132
+ input::selection {
133
+ background-color: rgba(100, 100, 100, 0.4);
115
134
  color: rgba(0, 0, 0, 0.8);
116
135
  }
117
136
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -18,7 +18,7 @@
18
18
  .ui.accordion,
19
19
  .ui.accordion .accordion {
20
20
  max-width: 100%;
21
- font-size: 1em;
21
+ font-size: 14px;
22
22
  }
23
23
  .ui.accordion .accordion {
24
24
  margin: 1em 0em 0em;
@@ -61,7 +61,7 @@
61
61
  display: inline-block;
62
62
  float: none;
63
63
  opacity: 0.75;
64
- width: 1.25em;
64
+ width: 1.18em;
65
65
  height: 1em;
66
66
  margin: 0em 0.25rem 0em 0rem;
67
67
  padding: 0em;
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI
2
+ * # Semantic UI - 1.7.3
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -51,7 +51,7 @@
51
51
  font-size: 1rem;
52
52
  text-shadow: none;
53
53
  text-align: left;
54
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
54
+ box-shadow: 0px 1px 4px 0px rgba(39, 41, 43, 0.15);
55
55
  border: 1px solid rgba(39, 41, 43, 0.15);
56
56
  border-radius: 0em 0em 0.2857rem 0.2857rem;
57
57
  -webkit-transition: opacity 0.2s ease;
@@ -80,7 +80,10 @@
80
80
  .ui.dropdown .menu > .item .dropdown.icon {
81
81
  width: auto;
82
82
  float: right;
83
- margin: 0.2em 0em 0em 0.75em;
83
+ margin: 0.2em 0em 0em 1em;
84
+ }
85
+ .ui.dropdown .menu > .item .dropdown.icon + .text {
86
+ margin-right: 1em;
84
87
  }
85
88
 
86
89
  /*--------------
@@ -114,7 +117,7 @@
114
117
  -webkit-touch-callout: none;
115
118
  }
116
119
  .ui.dropdown .menu > .item:first-child {
117
- border-top: none;
120
+ border-top-width: 0px;
118
121
  }
119
122
 
120
123
  /*--------------
@@ -123,15 +126,15 @@
123
126
 
124
127
  .ui.dropdown > .text > [class*="right floated"],
125
128
  .ui.dropdown .menu .item > [class*="right floated"] {
126
- float: right;
127
- margin-right: 0em;
128
- margin-left: 1em;
129
+ float: right !important;
130
+ margin-right: 0em !important;
131
+ margin-left: 1em !important;
129
132
  }
130
133
  .ui.dropdown > .text > [class*="left floated"],
131
134
  .ui.dropdown .menu .item > [class*="left floated"] {
132
- float: right;
133
- margin-left: 0em;
134
- margin-right: 1em;
135
+ float: left !important;
136
+ margin-left: 0em !important;
137
+ margin-right: 1em !important;
135
138
  }
136
139
  .ui.dropdown .menu .item > .icon.floated,
137
140
  .ui.dropdown .menu .item > .flag.floated,
@@ -356,14 +359,6 @@ select.ui.dropdown {
356
359
  min-width: 0px;
357
360
  }
358
361
 
359
- /* Remove Selection */
360
- .ui.selection.dropdown > .delete.icon {
361
- opacity: 0.6;
362
- }
363
- .ui.selection.dropdown > .delete.icon:hover {
364
- opacity: 1;
365
- }
366
-
367
362
  /* Selection Menu */
368
363
  .ui.selection.dropdown .menu {
369
364
  overflow-x: hidden;
@@ -371,11 +366,11 @@ select.ui.dropdown {
371
366
  -webkit-backface-visibility: hidden;
372
367
  backface-visibility: hidden;
373
368
  -webkit-overflow-scrolling: touch;
374
- border-top: none !important;
369
+ border-top-width: 0px !important;
375
370
  width: auto;
376
371
  margin: 0px -1px;
377
- min-width: -webkit-calc(100% + 2px);
378
- min-width: calc(100% + 2px);
372
+ min-width: -webkit-calc(100% + 2px );
373
+ min-width: calc(100% + 2px );
379
374
  outline: none;
380
375
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
381
376
  -webkit-transition: box-shadow 0.2s ease, border 0.2s ease;
@@ -424,6 +419,16 @@ select.ui.dropdown {
424
419
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
425
420
  }
426
421
 
422
+ /* Disabled */
423
+ .ui.selection.dropdown.disabled,
424
+ .ui.selection.dropdown.disabled:hover {
425
+ cursor: default;
426
+ box-shadow: none;
427
+ color: rgba(0, 0, 0, 0.8);
428
+ border: 1px solid rgba(39, 41, 43, 0.15);
429
+ opacity: 0.3 !important;
430
+ }
431
+
427
432
  /* Visible Hover */
428
433
  .ui.selection.visible.dropdown:hover {
429
434
  border-color: rgba(39, 41, 43, 0.3);
@@ -431,7 +436,7 @@ select.ui.dropdown {
431
436
  }
432
437
  .ui.selection.visible.dropdown:hover .menu {
433
438
  border: 1px solid rgba(39, 41, 43, 0.3);
434
- box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
439
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
435
440
  }
436
441
 
437
442
  /* Visible */
@@ -469,29 +474,45 @@ select.ui.dropdown {
469
474
 
470
475
  /* Search Dropdown */
471
476
  .ui.search.dropdown > input.search {
472
- background: none transparent;
473
- border: none;
474
- box-shadow: none;
475
- cursor: pointer;
476
- position: absolute;
477
+ background: none transparent !important;
478
+ border: none !important;
479
+ box-shadow: none !important;
477
480
  border-radius: 0em !important;
481
+ cursor: pointer;
478
482
  top: 0em;
479
483
  left: 0em;
480
484
  width: 100%;
481
485
  outline: none;
482
486
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
483
487
  padding: inherit;
484
- /*Amazing trick */
488
+ }
489
+
490
+ /* Text Layering */
491
+ .ui.search.dropdown > input.search {
492
+ position: absolute;
493
+ z-index: 2;
494
+ }
495
+ .ui.search.dropdown > .text {
496
+ cursor: text;
497
+ position: relative;
498
+ z-index: 3;
485
499
  }
486
500
 
487
501
  /* Search Selection */
488
502
  .ui.search.selection.dropdown > input.search {
489
- line-height: 1.2em;
503
+ line-height: 1.2142em;
504
+ padding: 0.6929em 1.1em;
490
505
  }
506
+
507
+ /* Active/Visible Search */
491
508
  .ui.search.dropdown.active > input.search,
492
509
  .ui.search.dropdown.visible > input.search {
493
510
  cursor: auto;
494
511
  }
512
+ .ui.search.dropdown.active > .text,
513
+ .ui.search.dropdown.visible > .text {
514
+ pointer-events: none;
515
+ }
495
516
  .ui.active.search.dropdown > input.search:focus + .text {
496
517
  color: rgba(0, 0, 0, 0.4) !important;
497
518
  }
@@ -665,6 +686,18 @@ select.ui.dropdown {
665
686
  background-color: #fdcfcf;
666
687
  }
667
688
 
689
+ /*--------------------
690
+ Disabled
691
+ ----------------------*/
692
+
693
+
694
+ /* Disabled */
695
+ .ui.disabled.dropdown {
696
+ cursor: default;
697
+ pointer-events: none;
698
+ opacity: 0.3;
699
+ }
700
+
668
701
 
669
702
  /*******************************
670
703
  Variations
@@ -700,6 +733,59 @@ select.ui.dropdown {
700
733
  float: left;
701
734
  margin: 0.2em 0.75em 0em 0em;
702
735
  }
736
+ .ui.dropdown .item .left.dropdown.icon,
737
+ .ui.dropdown .left.menu .item .dropdown.icon {
738
+ width: auto;
739
+ float: left;
740
+ margin: 0.2em 0.75em 0em 0em;
741
+ }
742
+ .ui.dropdown .item .left.dropdown.icon + .text,
743
+ .ui.dropdown .left.menu .item .dropdown.icon + .text {
744
+ margin-left: 1em;
745
+ }
746
+
747
+ /*--------------
748
+ Upward
749
+ ---------------*/
750
+
751
+ .ui.upward.dropdown > .menu {
752
+ top: auto;
753
+ bottom: 100%;
754
+ box-shadow: 0px 0px 4px 0px rgba(39, 41, 43, 0.15);
755
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
756
+ }
757
+
758
+ /* Active Upward */
759
+ .ui.simple.upward.active.dropdown,
760
+ .ui.simple.upward.dropdown:hover {
761
+ border-radius: 0.2857rem 0.2857rem 0em 0em !important;
762
+ }
763
+ .ui.upward.dropdown.button:not(.pointing):not(.floating).active,
764
+ .ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
765
+ border-radius: 0.2857rem 0.2857rem 0em 0em;
766
+ }
767
+
768
+ /* Selection */
769
+ .ui.upward.selection.dropdown .menu {
770
+ border-top-width: 1px !important;
771
+ border-bottom-width: 0px !important;
772
+ }
773
+ .ui.upward.selection.dropdown:hover {
774
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
775
+ }
776
+ .ui.upward.selection.visible.dropdown:hover {
777
+ box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
778
+ }
779
+ .ui.active.upward.selection.dropdown,
780
+ .ui.visible.upward.selection.dropdown {
781
+ border-radius: 0em 0em 0.2857rem 0.2857rem !important;
782
+ }
783
+ .ui.upward.selection.dropdown.visible {
784
+ box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
785
+ }
786
+ .ui.upward.selection.visible.dropdown:hover .menu {
787
+ box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
788
+ }
703
789
 
704
790
  /*--------------
705
791
  Simple