less-rails-semantic_ui 1.12.3.0 → 2.0.0.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 (197) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +394 -188
  3. data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +4 -2
  4. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +263 -125
  5. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +3 -3
  6. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +213 -96
  7. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +6 -4
  8. data/assets/javascripts/semantic_ui/definitions/globals/site.js +4 -4
  9. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +66 -52
  10. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +309 -112
  11. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +24 -26
  12. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +2005 -590
  13. data/assets/javascripts/semantic_ui/definitions/modules/embed.js +662 -0
  14. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +106 -79
  15. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +7 -8
  16. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +323 -194
  17. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +111 -103
  18. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +78 -54
  19. data/assets/javascripts/semantic_ui/definitions/modules/search.js +304 -122
  20. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +93 -47
  21. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +83 -149
  22. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +99 -29
  23. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +219 -124
  24. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +202 -171
  25. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +2 -1
  26. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +135 -58
  27. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +366 -383
  28. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +838 -631
  29. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +89 -71
  30. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +183 -131
  31. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1097 -300
  32. data/assets/stylesheets/semantic_ui/definitions/elements/container.less +135 -0
  33. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +31 -30
  34. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -1
  35. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +209 -121
  36. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +201 -96
  37. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +26 -11
  38. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +49 -14
  39. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +391 -221
  40. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +107 -68
  41. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +3 -1
  42. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +34 -25
  43. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +25 -10
  44. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +261 -173
  45. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +169 -70
  46. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -1
  47. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +3 -1
  48. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +1 -2
  49. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +175 -103
  50. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +26 -15
  51. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +349 -80
  52. data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +174 -0
  53. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +83 -36
  54. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -1
  55. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +48 -7
  56. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +160 -107
  57. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +57 -54
  58. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +55 -10
  59. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +5 -6
  60. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +9 -5
  61. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -1
  62. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -1
  63. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +3 -4
  64. data/assets/stylesheets/semantic_ui/definitions/views/card.less +240 -130
  65. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -1
  66. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +15 -8
  67. data/assets/stylesheets/semantic_ui/definitions/views/item.less +13 -13
  68. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +230 -86
  69. data/assets/stylesheets/semantic_ui/theme.less +22 -15
  70. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +5 -5
  71. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +5 -4
  72. data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +1 -0
  73. data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +6 -4
  74. data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +4 -4
  75. data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +1 -1
  76. data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
  77. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.overrides +0 -0
  78. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.variables +40 -0
  79. data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +1 -0
  80. data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +1 -1
  81. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.overrides +0 -0
  82. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +17 -0
  83. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +0 -0
  84. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +5 -15
  85. data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +0 -0
  86. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +31 -35
  87. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +0 -0
  88. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +34 -28
  89. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +0 -0
  90. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +259 -163
  91. data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +0 -0
  92. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +42 -19
  93. data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +0 -3
  94. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +63 -59
  95. data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +0 -0
  96. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +90 -50
  97. data/assets/stylesheets/semantic_ui/themes/default/elements/container.overrides +3 -0
  98. data/assets/stylesheets/semantic_ui/themes/default/elements/container.variables +45 -0
  99. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +15 -0
  100. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +3 -4
  101. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +0 -0
  102. data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +0 -0
  103. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +40 -36
  104. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +4 -3
  105. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +29 -12
  106. data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +0 -0
  107. data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +5 -3
  108. data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +0 -0
  109. data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +10 -24
  110. data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +0 -0
  111. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +88 -35
  112. data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +0 -0
  113. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +53 -34
  114. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +0 -0
  115. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +9 -10
  116. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +0 -0
  117. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +13 -5
  118. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +0 -0
  119. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +6 -4
  120. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +0 -0
  121. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +66 -28
  122. data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +0 -0
  123. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +60 -31
  124. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +0 -0
  125. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +477 -303
  126. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +0 -0
  127. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +6 -7
  128. data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +0 -0
  129. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +19 -16
  130. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +71 -43
  131. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +0 -0
  132. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +12 -9
  133. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +0 -5
  134. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +146 -64
  135. data/assets/stylesheets/semantic_ui/themes/default/modules/{video.overrides → embed.overrides} +0 -0
  136. data/assets/stylesheets/semantic_ui/themes/default/modules/embed.variables +53 -0
  137. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +0 -0
  138. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +24 -18
  139. data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +0 -0
  140. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +0 -0
  141. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +3 -9
  142. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +13 -7
  143. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -0
  144. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +71 -33
  145. data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +0 -0
  146. data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +36 -34
  147. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +0 -0
  148. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +7 -2
  149. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +0 -0
  150. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +2 -5
  151. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +0 -0
  152. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +2 -7
  153. data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +1 -3
  154. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +8 -9
  155. data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
  156. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +33 -23
  157. data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +0 -0
  158. data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +0 -0
  159. data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +15 -23
  160. data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +0 -0
  161. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +12 -11
  162. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +0 -0
  163. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +25 -24
  164. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +4 -0
  165. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +1 -2
  166. data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +1 -0
  167. data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +1 -1
  168. data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +10 -15
  169. data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +2 -2
  170. data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +2 -2
  171. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides +12 -0
  172. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables +23 -0
  173. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides +1 -0
  174. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +10 -0
  175. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +1 -0
  176. data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +14 -6
  177. data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +3 -2
  178. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides +5 -0
  179. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables +20 -0
  180. data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +5 -5
  181. data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +1 -1
  182. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +4 -12
  183. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +3 -7
  184. data/lib/generators/semantic_ui/install/templates/config/elements/container.overrides +3 -0
  185. data/lib/generators/semantic_ui/install/templates/config/elements/container.variables +3 -0
  186. data/lib/generators/semantic_ui/install/templates/config/modules/embed.overrides +3 -0
  187. data/lib/generators/semantic_ui/install/templates/config/modules/embed.variables +0 -0
  188. data/lib/generators/semantic_ui/install/templates/semantic_ui.css +2 -1
  189. data/lib/generators/semantic_ui/install/templates/semantic_ui.js +1 -1
  190. data/lib/generators/semantic_ui/install/templates/theme.config +5 -3
  191. data/lib/less/rails/semantic_ui/version.rb +1 -1
  192. data/tasks/update.rake +21 -6
  193. metadata +23 -7
  194. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
  195. data/assets/javascripts/semantic_ui/definitions/modules/video.js +0 -540
  196. data/assets/stylesheets/semantic_ui/definitions/modules/video.less +0 -135
  197. data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +0 -16
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -48,7 +48,7 @@
48
48
  text-align: @textAlign;
49
49
  vertical-align: @verticalAlign;
50
50
 
51
- background: @background;
51
+ background-color: @backgroundColor;
52
52
  opacity: @hiddenOpacity;
53
53
  line-height: @lineHeight;
54
54
 
@@ -68,7 +68,7 @@
68
68
  display: @contentDisplay;
69
69
  user-select: text;
70
70
  }
71
- .ui.dimmer > .content > div {
71
+ .ui.dimmer > .content > * {
72
72
  display: @contentChildDisplay;
73
73
  vertical-align: @verticalAlign;
74
74
  color: @textColor;
@@ -120,19 +120,30 @@ body.animating.in.dimmable,
120
120
  body.dimmed.dimmable {
121
121
  overflow: hidden;
122
122
  }
123
+
123
124
  body.dimmable > .dimmer {
124
125
  position: fixed;
125
126
  }
126
127
 
127
- /*
128
- body.dimmable > :not(.dimmer) {
129
- filter: @elementStartFilter;
128
+ /*--------------
129
+ Blurring
130
+ ---------------*/
131
+
132
+ .blurring.dimmable > :not(.dimmer) {
133
+ filter: @blurredStartFilter;
134
+ transition: @blurredTransition;
135
+ }
136
+ .blurring.dimmed.dimmable > :not(.dimmer) {
137
+ filter: @blurredEndFilter;
138
+ }
139
+
140
+ /* Dimmer Color */
141
+ .blurring.dimmable > .dimmer {
142
+ background-color: @blurredBackgroundColor;
130
143
  }
131
- body.dimmed.dimmable > :not(.dimmer) {
132
- filter: @elementEndFilter;
133
- transition: @elementTransition;
144
+ .blurring.dimmable > .inverted.dimmer {
145
+ background-color: @blurredInvertedBackgroundColor;
134
146
  }
135
- */
136
147
 
137
148
  /*--------------
138
149
  Aligned
@@ -150,7 +161,7 @@ body.dimmed.dimmable > :not(.dimmer) {
150
161
  ---------------*/
151
162
 
152
163
  .ui.inverted.dimmer {
153
- background: @invertedBackground;
164
+ background-color: @invertedBackgroundColor;
154
165
  }
155
166
  .ui.inverted.dimmer > .content > * {
156
167
  color: @textColor;
@@ -168,22 +179,22 @@ body.dimmed.dimmable > :not(.dimmer) {
168
179
  width: 0%;
169
180
  height: 0%;
170
181
  z-index: -100;
171
- background-color: @simpleStartBackground;
182
+ background-color: @simpleStartBackgroundColor;
172
183
  }
173
184
  .dimmed.dimmable > .ui.simple.dimmer {
174
185
  overflow: visible;
175
186
  opacity: 1;
176
187
  width: 100%;
177
188
  height: 100%;
178
- background: @simpleEndBackground;
189
+ background-color: @simpleEndBackgroundColor;
179
190
  z-index: @simpleZIndex;
180
191
  }
181
192
 
182
193
  .ui.simple.inverted.dimmer {
183
- background: @simpleInvertedStartBackground;
194
+ background-color: @simpleInvertedStartBackgroundColor;
184
195
  }
185
196
  .dimmed.dimmable > .ui.simple.inverted.dimmer {
186
- background: @simpleInvertedEndBackground;
197
+ background-color: @simpleInvertedEndBackgroundColor;
187
198
  }
188
199
 
189
200
  .loadUIOverrides();
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -37,14 +37,12 @@
37
37
  cursor: pointer;
38
38
  position: relative;
39
39
  display: inline-block;
40
- line-height: 1em;
41
40
  tap-highlight-color: rgba(0, 0, 0, 0);
42
41
  outline: none;
43
42
  text-align: left;
44
43
  transition: @transition;
45
44
  }
46
45
 
47
-
48
46
  /*******************************
49
47
  Content
50
48
  *******************************/
@@ -59,15 +57,14 @@
59
57
  display: none;
60
58
  outline: none;
61
59
  top: 100%;
60
+ min-width: max-content;
62
61
  transition: @menuTransition;
63
62
 
64
63
  margin: @menuMargin;
65
64
  padding: @menuPadding;
66
65
  background: @menuBackground;
67
- min-width: 100%;
68
66
 
69
- white-space: @menuWrap;
70
- font-size: 1rem;
67
+ font-size: @relativeMedium;
71
68
  text-shadow: none;
72
69
  text-align: @menuTextAlign;
73
70
 
@@ -79,6 +76,11 @@
79
76
  will-change: transform, opacity;
80
77
  }
81
78
 
79
+ .ui.dropdown .menu > * {
80
+ white-space: nowrap;
81
+ }
82
+
83
+
82
84
  /*--------------
83
85
  Hidden Input
84
86
  ---------------*/
@@ -93,6 +95,7 @@
93
95
  ---------------*/
94
96
 
95
97
  .ui.dropdown > .dropdown.icon {
98
+ position: relative;
96
99
  width: auto;
97
100
  margin: @dropdownIconMargin;
98
101
  }
@@ -125,13 +128,14 @@
125
128
  display: block;
126
129
  border: @itemBorder;
127
130
  height: @itemHeight;
131
+ text-align: @itemTextAlign;
128
132
 
129
133
  border-top: @itemDivider;
130
134
  line-height: @itemLineHeight;
131
135
  font-size: @itemFontSize;
132
136
  color: @itemColor;
133
137
 
134
- padding: @itemVerticalPadding @itemHorizontalPadding !important;
138
+ padding: @itemPadding !important;
135
139
  font-size: @itemFontSize;
136
140
  text-transform: @itemTextTransform;
137
141
  font-weight: @itemFontWeight;
@@ -187,6 +191,8 @@
187
191
  }
188
192
 
189
193
  .ui.dropdown .menu > .input {
194
+ width: auto;
195
+ display: flex;
190
196
  margin: @menuInputMargin;
191
197
  min-width: @menuInputMinWidth;
192
198
  }
@@ -209,10 +215,22 @@
209
215
 
210
216
  .ui.dropdown > .text > .description,
211
217
  .ui.dropdown .menu > .item > .description {
218
+ float: @itemDescriptionFloat;
212
219
  margin: @itemDescriptionMargin;
213
220
  color: @itemDescriptionColor;
214
221
  }
215
222
 
223
+ /*-----------------
224
+ Message
225
+ -------------------*/
226
+
227
+ .ui.dropdown .menu > .message {
228
+ padding: @messagePadding;
229
+ font-weight: @messageFontWeight;
230
+ }
231
+ .ui.dropdown .menu > .message:not(.ui) {
232
+ color: @messageColor;
233
+ }
216
234
 
217
235
  /*--------------
218
236
  Sub Menu
@@ -232,11 +250,6 @@
232
250
  display: none;
233
251
  }
234
252
 
235
-
236
- /*******************************
237
- Coupling
238
- *******************************/
239
-
240
253
  /*--------------
241
254
  Sub Elements
242
255
  ---------------*/
@@ -287,6 +300,11 @@
287
300
  }
288
301
 
289
302
 
303
+ /*******************************
304
+ Coupling
305
+ *******************************/
306
+
307
+
290
308
  /*--------------
291
309
  Menu
292
310
  ---------------*/
@@ -310,6 +328,15 @@
310
328
  right: 0em;
311
329
  }
312
330
 
331
+ /*--------------
332
+ Label
333
+ ---------------*/
334
+
335
+ /* Dropdown Menu */
336
+ .ui.label.dropdown .menu {
337
+ min-width: 100%;
338
+ }
339
+
313
340
  /*--------------
314
341
  Button
315
342
  ---------------*/
@@ -318,10 +345,8 @@
318
345
  .ui.dropdown.icon.button > .dropdown.icon {
319
346
  margin: 0em;
320
347
  }
321
- .ui.dropdown.button:not(.pointing):not(.floating).active,
322
- .ui.dropdown.button:not(.pointing):not(.floating).visible {
323
- border-bottom-left-radius: 0em;
324
- border-bottom-right-radius: 0em;
348
+ .ui.button.dropdown .menu {
349
+ min-width: 100%;
325
350
  }
326
351
 
327
352
 
@@ -338,11 +363,13 @@
338
363
  .ui.selection.dropdown {
339
364
  cursor: pointer;
340
365
  word-wrap: break-word;
366
+ line-height: 1em;
341
367
  white-space: normal;
342
368
  outline: 0;
343
369
  transform: rotateZ(0deg);
344
370
 
345
371
  min-width: @selectionMinWidth;
372
+ min-height: @selectionMinHeight;
346
373
 
347
374
  background: @selectionBackground;
348
375
  display: @selectionDisplay;
@@ -364,9 +391,6 @@ select.ui.dropdown {
364
391
  border: @selectBorder;
365
392
  visibility: @selectVisibility;
366
393
  }
367
- .ui.selection.dropdown > .text {
368
- margin-right: @selectionTextIconDistance;
369
- }
370
394
  .ui.selection.dropdown > .search.icon,
371
395
  .ui.selection.dropdown > .delete.icon,
372
396
  .ui.selection.dropdown > .dropdown.icon {
@@ -374,6 +398,7 @@ select.ui.dropdown {
374
398
  position: absolute;
375
399
  top: auto;
376
400
  width: auto;
401
+ z-index: @selectionIconZIndex;
377
402
  margin: @selectionIconMargin;
378
403
  padding: @selectionIconPadding;
379
404
  right: @selectionHorizontalPadding;
@@ -394,10 +419,12 @@ select.ui.dropdown {
394
419
  -webkit-overflow-scrolling: touch;
395
420
  border-top-width: 0px !important;
396
421
  width: auto;
422
+ outline: none;
397
423
  margin: 0px -@menuBorderWidth;
398
424
  min-width: @menuMinWidth;
399
- outline: none;
425
+ width: @menuMinWidth;
400
426
 
427
+ border-radius: @selectionMenuBorderRadius;
401
428
  box-shadow: @selectionMenuBoxShadow;
402
429
  transition: @selectionMenuTransition;
403
430
  }
@@ -406,12 +433,12 @@ select.ui.dropdown {
406
433
  display: none;
407
434
  }
408
435
 
436
+ /*--------------
437
+ Message
438
+ ---------------*/
409
439
 
410
- /* Scrollbar in IE */
411
- @media all and (-ms-high-contrast:none) {
412
- .ui.selection.dropdown .menu {
413
- min-width: ~"calc(100% - "@scrollbarWidth~")";
414
- }
440
+ .ui.selection.dropdown .menu > .message {
441
+ padding: @selectionMessagePadding;
415
442
  }
416
443
 
417
444
  @media only screen and (max-width : @largestMobileScreen) {
@@ -449,46 +476,42 @@ select.ui.dropdown {
449
476
  box-shadow: @selectionHoverBoxShadow;
450
477
  }
451
478
 
452
- /* Disabled */
453
- .ui.selection.dropdown.disabled,
454
- .ui.selection.dropdown.disabled:hover {
455
- cursor: default;
456
- box-shadow: none;
457
- color: @selectionTextColor;
458
- border: @selectionBorder;
459
- opacity: @disabledOpacity !important;
460
- }
461
- /* Visible */
462
- .ui.selection.dropdown.visible {
479
+ /* Active */
480
+ .ui.selection.active.dropdown {
463
481
  border-color: @selectionVisibleBorderColor;
464
482
  box-shadow: @selectionVisibleBoxShadow;
465
483
  }
466
-
467
- .ui.selection.visible.dropdown .menu {
484
+ .ui.selection.active.dropdown .menu {
468
485
  border-color: @selectionVisibleBorderColor;
469
486
  box-shadow: @selectionVisibleMenuBoxShadow;
470
487
  }
471
488
 
472
-
473
- /* Visible Hover */
474
- .ui.selection.visible.dropdown:hover {
475
- border-color: @selectionVisibleHoverBorderColor;
476
- box-shadow: @selectionVisibleHoverBoxShadow;
489
+ /* Focus */
490
+ .ui.selection.dropdown:focus {
491
+ border-color: @selectionFocusBorderColor;
492
+ box-shadow: @selectionFocusBoxShadow;
477
493
  }
478
-
479
- .ui.selection.visible.dropdown .menu {
480
- border-color: @selectionVisibleHoverBorderColor;
481
- box-shadow: @selectionVisibleHoverMenuBoxShadow;
494
+ .ui.selection.dropdown:focus .menu {
495
+ border-color: @selectionFocusBorderColor;
496
+ box-shadow: @selectionFocusMenuBoxShadow;
482
497
  }
483
498
 
484
-
485
- /* Active Item */
486
- .ui.selection.active.dropdown > .text:not(.default),
499
+ /* Visible */
487
500
  .ui.selection.visible.dropdown > .text:not(.default) {
488
501
  font-weight: @selectionVisibleTextFontWeight;
489
502
  color: @selectionVisibleTextColor;
490
503
  }
491
504
 
505
+ /* Visible Hover */
506
+ .ui.selection.active.dropdown:hover {
507
+ border-color: @selectionActiveHoverBorderColor;
508
+ box-shadow: @selectionActiveHoverBoxShadow;
509
+ }
510
+ .ui.selection.active.dropdown:hover .menu {
511
+ border-color: @selectionActiveHoverBorderColor;
512
+ box-shadow: @selectionActiveHoverMenuBoxShadow;
513
+ }
514
+
492
515
  /* Dropdown Icon */
493
516
  .ui.active.selection.dropdown > .dropdown.icon,
494
517
  .ui.visible.selection.dropdown > .dropdown.icon {
@@ -497,8 +520,7 @@ select.ui.dropdown {
497
520
  }
498
521
 
499
522
  /* Connecting Border */
500
- .ui.active.selection.dropdown,
501
- .ui.visible.selection.dropdown {
523
+ .ui.active.selection.dropdown {
502
524
  border-bottom-left-radius: @selectionVisibleConnectingBorder !important;
503
525
  border-bottom-right-radius: @selectionVisibleConnectingBorder !important;
504
526
  }
@@ -517,7 +539,6 @@ select.ui.dropdown {
517
539
  background: none transparent !important;
518
540
  border: none !important;
519
541
  box-shadow: none !important;
520
- border-radius: 0em !important;
521
542
  cursor: pointer;
522
543
  top: 0em;
523
544
  left: 0em;
@@ -553,8 +574,14 @@ select.ui.dropdown {
553
574
  .ui.search.dropdown.visible > .text {
554
575
  pointer-events: none;
555
576
  }
556
- .ui.active.search.dropdown > input.search:focus + .text {
557
- color: @unselectedTextColor !important;
577
+
578
+ /* Filtered Text */
579
+ .ui.active.search.dropdown input.search:focus + .text .icon,
580
+ .ui.active.search.dropdown input.search:focus + .text .flag {
581
+ opacity: @selectionTextUnderlayIconOpacity;
582
+ }
583
+ .ui.active.search.dropdown input.search:focus + .text {
584
+ color: @selectionTextUnderlayColor !important;
558
585
  }
559
586
 
560
587
  /* Search Menu */
@@ -585,6 +612,83 @@ select.ui.dropdown {
585
612
  }
586
613
  }
587
614
 
615
+ /*--------------
616
+ Multiple
617
+ ---------------*/
618
+
619
+ /* Multiple Selection */
620
+ .ui.multiple.dropdown {
621
+ padding: @multipleSelectionPadding;
622
+ }
623
+ .ui.multiple.dropdown .menu {
624
+ cursor: auto;
625
+ }
626
+
627
+ /* Multiple Search Selection */
628
+ .ui.multiple.search.dropdown,
629
+ .ui.multiple.search.dropdown > input.search {
630
+ cursor: text;
631
+ }
632
+
633
+ /* Selection Label */
634
+ .ui.multiple.dropdown > .label {
635
+ user-select: none;
636
+ display: inline-block;
637
+ vertical-align: baseline;
638
+ white-space: normal;
639
+ font-size: @labelSize;
640
+ padding: @labelPadding;
641
+ margin: @labelMargin;
642
+ box-shadow: @labelBoxShadow;
643
+ }
644
+
645
+ /* Dropdown Icon */
646
+ .ui.multiple.dropdown .dropdown.icon {
647
+ margin: @multipleSelectionDropdownIconMargin;
648
+ padding: @multipleSelectionDropdownIconPadding;
649
+ }
650
+
651
+ /* Text */
652
+ .ui.multiple.dropdown > .text {
653
+ position: static;
654
+ padding: 0;
655
+ max-width: 100%;
656
+ margin: @multipleSelectionChildMargin;
657
+ line-height: @multipleSelectionChildLineHeight;
658
+ }
659
+ .ui.multiple.dropdown > .label ~ .text {
660
+ display: none;
661
+ }
662
+
663
+ /*-----------------
664
+ Multiple Search
665
+ -----------------*/
666
+
667
+ /* Prompt Text */
668
+ .ui.multiple.search.dropdown > .text {
669
+ display: inline-block;
670
+ position: absolute;
671
+ top: 0;
672
+ left: 0;
673
+ padding: inherit;
674
+ margin: @multipleSelectionChildMargin;
675
+ line-height: @multipleSelectionChildLineHeight;
676
+ }
677
+
678
+ .ui.multiple.search.dropdown > .label ~ .text {
679
+ display: none;
680
+ }
681
+
682
+ /* Search */
683
+ .ui.multiple.search.dropdown > input.search {
684
+ position: static;
685
+ padding: 0;
686
+ max-width: 100%;
687
+ margin: @multipleSelectionChildMargin;
688
+ width: @multipleSelectionSearchStartWidth;
689
+ line-height: @multipleSelectionChildLineHeight;
690
+ }
691
+
588
692
 
589
693
  /*--------------
590
694
  Inline
@@ -597,7 +701,7 @@ select.ui.dropdown {
597
701
  }
598
702
  .ui.inline.dropdown .dropdown.icon {
599
703
  margin: @inlineIconMargin;
600
- vertical-align: top;
704
+ vertical-align: baseline;
601
705
  }
602
706
  .ui.inline.dropdown > .text {
603
707
  font-weight: @inlineTextFontWeight;
@@ -614,6 +718,19 @@ select.ui.dropdown {
614
718
  *******************************/
615
719
 
616
720
 
721
+ /*--------------------
722
+ Active
723
+ ----------------------*/
724
+
725
+ /* Menu Item Active */
726
+ .ui.dropdown .menu .active.item {
727
+ background: @activeItemBackground;
728
+ font-weight: @activeItemFontWeight;
729
+ color: @activeItemColor;
730
+ box-shadow: @activeItemBoxShadow;
731
+ z-index: @activeItemZIndex;
732
+ }
733
+
617
734
  /*--------------------
618
735
  Hover
619
736
  ----------------------*/
@@ -626,18 +743,73 @@ select.ui.dropdown {
626
743
  }
627
744
 
628
745
  /*--------------------
629
- Active
630
- ----------------------*/
746
+ Loading
747
+ ---------------------*/
631
748
 
632
- /* Menu Item Active */
633
- .ui.dropdown .menu .active.item {
634
- background: @activeItemBackground;
635
- font-weight: @activeItemFontWeight;
636
- color: @activeItemColor;
637
- box-shadow: @activeItemBoxShadow;
638
- z-index: @activeItemZIndex;
749
+ /* Positioning */
750
+ .ui.loading.dropdown > i.icon:before,
751
+ .ui.loading.dropdown > i.icon:after {
752
+ left: 30% !important;
753
+ }
754
+ .ui.loading.dropdown > i.icon {
755
+ top: 50% !important;
756
+ }
757
+ .ui.multiple.loading.dropdown > i.icon:before,
758
+ .ui.multiple.loading.dropdown > i.icon:after {
759
+ top: 0% !important;
760
+ left: 0% !important;
639
761
  }
640
762
 
763
+ .ui.loading.dropdown > i.icon:before {
764
+ position: absolute;
765
+ content: '';
766
+ top: 50%;
767
+ left: 50%;
768
+
769
+ margin: @loaderMargin;
770
+ width: @loaderSize;
771
+ height: @loaderSize;
772
+
773
+ border-radius: @circularRadius;
774
+ border: @loaderLineWidth solid @loaderFillColor;
775
+ }
776
+ .ui.loading.dropdown > i.icon:after {
777
+ position: absolute;
778
+ content: '';
779
+ top: 50%;
780
+ left: 50%;
781
+ box-shadow: 0px 0px 0px 1px transparent;
782
+
783
+ margin: @loaderMargin;
784
+ width: @loaderSize;
785
+ height: @loaderSize;
786
+
787
+ animation: dropdown-spin @loaderSpeed linear;
788
+ animation-iteration-count: infinite;
789
+
790
+ border-radius: @circularRadius;
791
+
792
+ border-color: @loaderLineColor transparent transparent;
793
+ border-style: solid;
794
+ border-width: @loaderLineWidth;
795
+ }
796
+
797
+ /* Coupling */
798
+ .ui.loading.dropdown.button > i.icon:before,
799
+ .ui.loading.dropdown.button > i.icon:after {
800
+ display: none;
801
+ }
802
+
803
+ @keyframes dropdown-spin {
804
+ from {
805
+ transform: rotate(0deg);
806
+ }
807
+ to {
808
+ transform: rotate(360deg);
809
+ }
810
+ }
811
+
812
+
641
813
  /*--------------------
642
814
  Default Text
643
815
  ----------------------*/
@@ -658,7 +830,9 @@ select.ui.dropdown {
658
830
  .ui.loading.dropdown > .text {
659
831
  transition: none;
660
832
  }
661
- .ui.dropdown > .loading.menu {
833
+
834
+ /* Used To Check Position */
835
+ .ui.dropdown .loading.menu {
662
836
  display: block;
663
837
  visibility: hidden;
664
838
  z-index: @loadingZIndex;
@@ -703,7 +877,6 @@ select.ui.dropdown {
703
877
  background: @errorBackgroundColor;
704
878
  border-color: @errorBorderColor;
705
879
  }
706
-
707
880
  .ui.selection.dropdown.error:hover {
708
881
  border-color: @errorBorderColor;
709
882
  }
@@ -712,10 +885,12 @@ select.ui.dropdown {
712
885
  .ui.dropdown.error > .menu .menu {
713
886
  border-color: @errorBorderColor;
714
887
  }
715
-
716
888
  .ui.dropdown.error > .menu > .item {
717
889
  color: @errorItemTextColor;
718
890
  }
891
+ .ui.multiple.selection.error.dropdown > .label {
892
+ border-color: @errorBorderColor;
893
+ }
719
894
 
720
895
  /* Item Hover */
721
896
  .ui.dropdown.error > .menu > .item:hover {
@@ -734,7 +909,8 @@ select.ui.dropdown {
734
909
  ----------------------*/
735
910
 
736
911
  /* Disabled */
737
- .ui.disabled.dropdown {
912
+ .ui.disabled.dropdown,
913
+ .ui.dropdown .menu > .disabled.item {
738
914
  cursor: default;
739
915
  pointer-events: none;
740
916
  opacity: @disabledOpacity;
@@ -760,6 +936,7 @@ select.ui.dropdown {
760
936
  .ui.dropdown .menu .right.menu {
761
937
  left: 100% !important;
762
938
  right: auto !important;
939
+ border-radius: @subMenuBorderRadius !important;
763
940
  }
764
941
 
765
942
  /* Left Flyout Menu */
@@ -767,6 +944,7 @@ select.ui.dropdown {
767
944
  .ui.dropdown .menu .left.menu {
768
945
  left: auto !important;
769
946
  right: 100% !important;
947
+ border-radius: @leftSubMenuBorderRadius !important;
770
948
  }
771
949
 
772
950
  .ui.dropdown .item .left.dropdown.icon,
@@ -791,6 +969,7 @@ select.ui.dropdown {
791
969
  Upward
792
970
  ---------------*/
793
971
 
972
+ /* Upward Main Menu */
794
973
  .ui.upward.dropdown > .menu {
795
974
  top: auto;
796
975
  bottom: 100%;
@@ -798,13 +977,18 @@ select.ui.dropdown {
798
977
  border-radius: @upwardMenuBorderRadius;
799
978
  }
800
979
 
980
+ /* Upward Sub Menu */
981
+ .ui.dropdown .upward.menu {
982
+ top: auto !important;
983
+ bottom: 0 !important;
984
+ }
985
+
801
986
  /* Active Upward */
802
987
  .ui.simple.upward.active.dropdown,
803
988
  .ui.simple.upward.dropdown:hover {
804
989
  border-radius: @borderRadius @borderRadius 0em 0em !important;
805
990
  }
806
- .ui.upward.dropdown.button:not(.pointing):not(.floating).active,
807
- .ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
991
+ .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
808
992
  border-radius: @borderRadius @borderRadius 0em 0em;
809
993
  }
810
994
 
@@ -812,22 +996,106 @@ select.ui.dropdown {
812
996
  .ui.upward.selection.dropdown .menu {
813
997
  border-top-width: @menuBorderWidth !important;
814
998
  border-bottom-width: 0px !important;
999
+ box-shadow: @upwardSelectionMenuBoxShadow;
815
1000
  }
816
1001
  .ui.upward.selection.dropdown:hover {
817
1002
  box-shadow: @upwardSelectionHoverBoxShadow;
818
1003
  }
819
- .ui.upward.selection.visible.dropdown:hover {
820
- box-shadow: @upwardSelectionVisibleHoverBoxShadow;
821
- }
822
- .ui.active.upward.selection.dropdown,
823
- .ui.visible.upward.selection.dropdown {
1004
+
1005
+ /* Active Upward */
1006
+ .ui.active.upward.selection.dropdown {
824
1007
  border-radius: @upwardSelectionVisibleBorderRadius !important;
825
1008
  }
1009
+
1010
+ /* Visible Upward */
826
1011
  .ui.upward.selection.dropdown.visible {
827
1012
  box-shadow: @upwardSelectionVisibleBoxShadow;
1013
+ border-radius: @upwardSelectionVisibleBorderRadius !important;
1014
+ }
1015
+
1016
+ /* Visible Hover Upward */
1017
+ .ui.upward.active.selection.dropdown:hover {
1018
+ box-shadow: @upwardSelectionActiveHoverBoxShadow;
1019
+ }
1020
+ .ui.upward.active.selection.dropdown:hover .menu {
1021
+ box-shadow: @upwardSelectionActiveHoverMenuBoxShadow;
1022
+ }
1023
+
1024
+ /*--------------
1025
+ Simple
1026
+ ---------------*/
1027
+
1028
+ /* Selection Menu */
1029
+ .ui.scrolling.dropdown .menu,
1030
+ .ui.dropdown .scrolling.menu {
1031
+ overflow-x: hidden;
1032
+ overflow-y: auto;
1033
+ }
1034
+
1035
+ .ui.scrolling.dropdown .menu {
1036
+ overflow-x: hidden;
1037
+ overflow-y: auto;
1038
+ backface-visibility: hidden;
1039
+ -webkit-overflow-scrolling: touch;
1040
+ min-width: 100% !important;
1041
+ width: auto !important;
1042
+ }
1043
+
1044
+ .ui.dropdown .scrolling.menu {
1045
+ position: static;
1046
+ overflow-y: auto;
1047
+ border: none;
1048
+ box-shadow: none !important;
1049
+ border-radius: 0 !important;
1050
+ margin: 0 !important;
1051
+ min-width: 100% !important;
1052
+ width: auto !important;
1053
+ border-top: @menuBorder;
1054
+ }
1055
+ .ui.scrolling.dropdown .menu .item.item.item,
1056
+ .ui.dropdown .scrolling.menu > .item.item.item {
1057
+ border-top: @scrollingMenuItemBorder;
1058
+ padding-right: @scrollingMenuRightItemPadding !important;
1059
+ }
1060
+ .ui.scrolling.dropdown .menu .item:first-child,
1061
+ .ui.dropdown .scrolling.menu .item:first-child {
1062
+ border-top: none;
1063
+ }
1064
+ .ui.dropdown > .animating.menu .scrolling.menu,
1065
+ .ui.dropdown > .visible.menu .scrolling.menu {
1066
+ display: block;
1067
+ }
1068
+
1069
+ /* Scrollbar in IE */
1070
+ @media all and (-ms-high-contrast:none) {
1071
+ .ui.scrolling.dropdown .menu,
1072
+ .ui.dropdown .scrolling.menu {
1073
+ min-width: ~"calc(100% - "@scrollbarWidth~")";
1074
+ }
1075
+ }
1076
+ @media only screen and (max-width : @largestMobileScreen) {
1077
+ .ui.scrolling.dropdown .menu,
1078
+ .ui.dropdown .scrolling.menu {
1079
+ max-height: @scrollingMobileMaxMenuHeight;
1080
+ }
1081
+ }
1082
+ @media only screen and (min-width: @tabletBreakpoint) {
1083
+ .ui.scrolling.dropdown .menu,
1084
+ .ui.dropdown .scrolling.menu {
1085
+ max-height: @scrollingTabletMaxMenuHeight;
1086
+ }
1087
+ }
1088
+ @media only screen and (min-width: @computerBreakpoint) {
1089
+ .ui.scrolling.dropdown .menu,
1090
+ .ui.dropdown .scrolling.menu {
1091
+ max-height: @scrollingComputerMaxMenuHeight;
1092
+ }
828
1093
  }
829
- .ui.upward.selection.visible.dropdown:hover .menu {
830
- box-shadow: @upwardSelectionVisibleHoverMenuBoxShadow;
1094
+ @media only screen and (min-width: @widescreenMonitorBreakpoint) {
1095
+ .ui.scrolling.dropdown .menu,
1096
+ .ui.dropdown .scrolling.menu {
1097
+ max-height: @scrollingWidescreenMaxMenuHeight;
1098
+ }
831
1099
  }
832
1100
 
833
1101
  /*--------------
@@ -907,11 +1175,12 @@ select.ui.dropdown {
907
1175
  .ui.floating.dropdown .menu {
908
1176
  left: 0;
909
1177
  right: auto;
910
- box-shadow: @floatingMenuBoxShadow;
911
- border-radius: @floatingMenuBorderRadius;
1178
+ box-shadow: @floatingMenuBoxShadow !important;
1179
+ border-radius: @floatingMenuBorderRadius !important;
912
1180
  }
913
1181
  .ui.floating.dropdown > .menu {
914
1182
  margin-top: @floatingMenuDistance !important;
1183
+ border-radius: @floatingMenuBorderRadius !important;
915
1184
  }
916
1185
 
917
1186
  /*--------------