semantic-ui-sass 1.7.0.0 → 1.7.3.0

Sign up to get free protection for your applications and to get access to all the features.
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