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
  *
@@ -51,6 +51,7 @@
51
51
  }
52
52
 
53
53
  /* Make sure hovered element is on top of other reveal */
54
+ .ui.active.reveal .visible.content,
54
55
  .ui.reveal:hover .visible.content {
55
56
  z-index: @activeZIndex !important;
56
57
  }
@@ -76,9 +77,7 @@
76
77
  float: left;
77
78
 
78
79
  margin: 0em;
79
- transition:
80
- transform @transitionDuration @transitionEasing @transitionDelay,
81
- ;
80
+ transition: @slideTransition;
82
81
  }
83
82
 
84
83
  .ui.slide.reveal > .visible.content {
@@ -90,9 +89,11 @@
90
89
  width: 100% !important;
91
90
  transform: translateX(100%) !important;
92
91
  }
92
+ .ui.slide.active.reveal > .visible.content,
93
93
  .ui.slide.reveal:hover > .visible.content {
94
94
  transform: translateX(-100%) !important;
95
95
  }
96
+ .ui.slide.active.reveal > .hidden.content,
96
97
  .ui.slide.reveal:hover > .hidden.content {
97
98
  transform: translateX(0%) !important;
98
99
  }
@@ -103,9 +104,11 @@
103
104
  .ui.slide.right.reveal > .hidden.content {
104
105
  transform: translateX(-100%) !important;
105
106
  }
107
+ .ui.slide.right.active.reveal > .visible.content,
106
108
  .ui.slide.right.reveal:hover > .visible.content {
107
109
  transform: translateX(100%) !important;
108
110
  }
111
+ .ui.slide.right.active.reveal > .hidden.content,
109
112
  .ui.slide.right.reveal:hover > .hidden.content {
110
113
  transform: translateX(0%) !important;
111
114
  }
@@ -113,9 +116,11 @@
113
116
  .ui.slide.up.reveal > .hidden.content {
114
117
  transform: translateY(100%) !important;
115
118
  }
119
+ .ui.slide.up.active.reveal > .visible.content,
116
120
  .ui.slide.up.reveal:hover > .visible.content {
117
121
  transform: translateY(-100%) !important;
118
122
  }
123
+ .ui.slide.up.active.reveal > .hidden.content,
119
124
  .ui.slide.up.reveal:hover > .hidden.content {
120
125
  transform: translateY(0%) !important;
121
126
  }
@@ -123,9 +128,11 @@
123
128
  .ui.slide.down.reveal > .hidden.content {
124
129
  transform: translateY(-100%) !important;
125
130
  }
131
+ .ui.slide.down.active.reveal > .visible.content,
126
132
  .ui.slide.down.reveal:hover > .visible.content {
127
133
  transform: translateY(100%) !important;
128
134
  }
135
+ .ui.slide.down.active.reveal > .hidden.content,
129
136
  .ui.slide.down.reveal:hover > .hidden.content {
130
137
  transform: translateY(0%) !important;
131
138
  }
@@ -138,6 +145,7 @@
138
145
  .ui.fade.reveal > .visible.content {
139
146
  opacity: 1;
140
147
  }
148
+ .ui.fade.active.reveal > .visible.content,
141
149
  .ui.fade.reveal:hover > .visible.content {
142
150
  opacity: 0;
143
151
  }
@@ -158,9 +166,7 @@
158
166
  float: left;
159
167
 
160
168
  margin: 0em;
161
- transition:
162
- transform @transitionDuration @transitionEasing @transitionDelay,
163
- ;
169
+ transition: @moveTransition;
164
170
  }
165
171
 
166
172
  .ui.move.reveal > .visible.content {
@@ -171,15 +177,19 @@
171
177
  left: 0% !important;
172
178
  width: 100% !important;
173
179
  }
180
+ .ui.move.active.reveal > .visible.content,
174
181
  .ui.move.reveal:hover > .visible.content {
175
182
  transform: translateX(-100%) !important;
176
183
  }
184
+ .ui.move.right.active.reveal > .visible.content,
177
185
  .ui.move.right.reveal:hover > .visible.content {
178
186
  transform: translateX(100%) !important;
179
187
  }
188
+ .ui.move.up.active.reveal > .visible.content,
180
189
  .ui.move.up.reveal:hover > .visible.content {
181
190
  transform: translateY(-100%) !important;
182
191
  }
192
+ .ui.move.down.active.reveal > .visible.content,
183
193
  .ui.move.down.reveal:hover > .visible.content {
184
194
  transform: translateY(100%) !important;
185
195
  }
@@ -199,7 +209,9 @@
199
209
  .ui.rotate.right.reveal > .visible.content {
200
210
  transform-origin: bottom right;
201
211
  }
212
+ .ui.rotate.active.reveal > .visible.conten,
202
213
  .ui.rotate.reveal:hover > .visible.content,
214
+ .ui.rotate.right.active.reveal > .visible.content,
203
215
  .ui.rotate.right.reveal:hover > .visible.content {
204
216
  transform: rotate(@rotateDegrees);
205
217
  }
@@ -207,6 +219,7 @@
207
219
  .ui.rotate.left.reveal > .visible.content {
208
220
  transform-origin: bottom left;
209
221
  }
222
+ .ui.rotate.left.active.reveal > .visible.content,
210
223
  .ui.rotate.left.reveal:hover > .visible.content {
211
224
  transform: rotate(-@rotateDegrees);
212
225
  }
@@ -221,6 +234,7 @@
221
234
  .ui.disabled.reveal > .content {
222
235
  transition: none !important;
223
236
  }
237
+ .ui.disabled.active.reveal > .visible.content,
224
238
  .ui.disabled.reveal:hover > .visible.content {
225
239
  position: static !important;
226
240
  display: block !important;
@@ -231,6 +245,7 @@
231
245
  bottom: auto !important;
232
246
  transform: none !important;
233
247
  }
248
+ .ui.disabled.active.reveal > .hidden.content,
234
249
  .ui.disabled.reveal:hover > .hidden.content {
235
250
  display: none !important;
236
251
  }
@@ -241,11 +256,11 @@
241
256
  *******************************/
242
257
 
243
258
  /*--------------
244
- Masked
259
+ Visible
245
260
  ---------------*/
246
261
 
247
- .ui.masked.reveal {
248
- overflow: hidden;
262
+ .ui.visible.reveal {
263
+ overflow: visible;
249
264
  }
250
265
 
251
266
  /*--------------
@@ -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
  *
@@ -36,8 +36,8 @@
36
36
  position: relative;
37
37
  background-color: @background;
38
38
  box-shadow: @boxShadow;
39
- margin: @margin 0em;
40
- padding: @verticalPadding @horizontalPadding;
39
+ margin: @margin;
40
+ padding: @padding;
41
41
  border-radius: @borderRadius;
42
42
  border: @border;
43
43
  }
@@ -49,40 +49,23 @@
49
49
  margin-bottom: 0em;
50
50
  }
51
51
 
52
- .ui.segment:after {
53
- content: '';
54
- display: block;
55
- height: 0px;
56
- clear: both;
57
- visibility: hidden;
58
- }
59
52
 
60
53
  /* Vertical */
61
- .ui[class*="vertical segment"] {
54
+ .ui.vertical.segment {
62
55
  margin: 0em;
63
56
  padding-left: 0em;
64
57
  padding-right: 0em;
65
58
 
66
59
  background-color: transparent;
67
60
  border-radius: 0px;
61
+ box-shadow: none;
68
62
  border: none;
69
- box-shadow: 0px -1px 0px @borderColor inset;
63
+ border-bottom: @borderWidth solid @borderColor;
70
64
  }
71
- .ui[class*="vertical segment"]:last-child {
72
- box-shadow: none;
65
+ .ui.vertical.segment:last-child {
66
+ border-bottom: none;
73
67
  }
74
68
 
75
- /* Horizontal */
76
- .ui[class*="horizontal segment"] {
77
- margin: 0em;
78
- padding-top: 0em;
79
- padding-bottom: 0em;
80
-
81
- background-color: transparent;
82
- border-radius: 0px;
83
- border: none;
84
- box-shadow: 1px 0px 0px @borderColor;
85
- }
86
69
 
87
70
  /*-------------------
88
71
  Loose Coupling
@@ -118,7 +101,7 @@
118
101
  padding-bottom: @pageGridMargin;
119
102
  }
120
103
  .ui.grid.segment {
121
- margin: @margin 0rem;
104
+ margin: @margin;
122
105
  border-radius: @borderRadius;
123
106
  }
124
107
 
@@ -129,7 +112,7 @@
129
112
  box-shadow: @boxShadow;
130
113
  }
131
114
  .ui[class*="very basic"].table.segment {
132
- padding: @verticalPadding @horizontalPadding;
115
+ padding: @padding;
133
116
  }
134
117
 
135
118
 
@@ -141,6 +124,7 @@
141
124
  Piled
142
125
  --------------------*/
143
126
 
127
+ .ui.piled.segments,
144
128
  .ui.piled.segment {
145
129
  margin: @piledMargin 0em;
146
130
  box-shadow: @piledBoxShadow;
@@ -152,6 +136,8 @@
152
136
  .ui.piled.segment:last-child {
153
137
  margin-bottom: 0em;
154
138
  }
139
+ .ui.piled.segments:after,
140
+ .ui.piled.segments:before,
155
141
  .ui.piled.segment:after,
156
142
  .ui.piled.segment:before {
157
143
  background-color: @white;
@@ -162,18 +148,21 @@
162
148
  left: 0px;
163
149
  position: absolute;
164
150
  width: 100%;
151
+ border: @piledBorder;
165
152
  box-shadow: @piledBoxShadow;
166
153
  }
167
- .ui.piled.segment:after {
168
- transform: rotate(@piledDegrees);
169
- top: 0;
170
- z-index: -1;
171
- }
154
+ .ui.piled.segments:before,
172
155
  .ui.piled.segment:before {
173
156
  transform: rotate(-@piledDegrees);
174
157
  top: 0;
175
158
  z-index: -2;
176
159
  }
160
+ .ui.piled.segments:after,
161
+ .ui.piled.segment:after {
162
+ transform: rotate(@piledDegrees);
163
+ top: 0;
164
+ z-index: -1;
165
+ }
177
166
 
178
167
  /* Piled Attached */
179
168
  .ui[class*="top attached"].piled.segment {
@@ -198,8 +187,10 @@
198
187
  .ui.stacked.segment {
199
188
  padding-bottom: @stackedPadding;
200
189
  }
201
- .ui.stacked.segment:after,
202
- .ui.stacked.segment:before {
190
+ .ui.stacked.segments:before,
191
+ .ui.stacked.segments:after,
192
+ .ui.stacked.segment:before,
193
+ .ui.stacked.segment:after {
203
194
  content: '';
204
195
  position: absolute;
205
196
  bottom: -(@stackedHeight / 2);
@@ -212,23 +203,39 @@
212
203
  height: @stackedHeight;
213
204
  visibility: visible;
214
205
  }
206
+ .ui.stacked.segments:before,
215
207
  .ui.stacked.segment:before {
216
208
  display: none;
217
209
  }
218
210
 
219
211
  /* Add additional page */
212
+ .ui.tall.stacked.segments:before,
220
213
  .ui.tall.stacked.segment:before {
221
214
  display: block;
222
215
  bottom: 0px;
223
216
  }
224
217
 
225
218
  /* Inverted */
226
- .ui.stacked.inverted.segment:after,
227
- .ui.stacked.inverted.segment:before {
219
+ .ui.stacked.inverted.segments:before,
220
+ .ui.stacked.inverted.segments:after,
221
+ .ui.stacked.inverted.segment:before,
222
+ .ui.stacked.inverted.segment:after {
228
223
  background-color: @subtleTransparentBlack;
229
224
  border-top: 1px solid @selectedBorderColor;
230
225
  }
231
226
 
227
+ /*-------------------
228
+ Padded
229
+ --------------------*/
230
+
231
+ .ui.padded.segment {
232
+ padding: @paddedSegmentPadding;
233
+ }
234
+
235
+ .ui[class*="very padded"].segment {
236
+ padding: @veryPaddedSegmentPadding;
237
+ }
238
+
232
239
  /*-------------------
233
240
  Compact
234
241
  --------------------*/
@@ -237,6 +244,16 @@
237
244
  display: table;
238
245
  }
239
246
 
247
+ /* Compact Group */
248
+ .ui.compact.segments {
249
+ display: inline-flex;
250
+ }
251
+ .ui.compact.segments .segment,
252
+ .ui.segments .compact.segment {
253
+ display: block;
254
+ flex: 0 1 auto;
255
+ }
256
+
240
257
  /*-------------------
241
258
  Circular
242
259
  --------------------*/
@@ -253,11 +270,119 @@
253
270
  Raised
254
271
  --------------------*/
255
272
 
273
+ .ui.raised.segments,
256
274
  .ui.raised.segment {
257
275
  box-shadow: @raisedBoxShadow;
258
276
  }
259
277
 
260
278
 
279
+ /*******************************
280
+ Groups
281
+ *******************************/
282
+
283
+ /* Group */
284
+ .ui.segments {
285
+ flex-direction: column;
286
+ position: relative;
287
+ margin: @groupedMargin;
288
+ border: @groupedBorder;
289
+ box-shadow: @groupedBoxShadow;
290
+ border-radius: @groupedBorderRadius;
291
+ }
292
+ .ui.segments:first-child {
293
+ margin-top: 0em;
294
+ }
295
+ .ui.segments:last-child {
296
+ margin-bottom: 0em;
297
+ }
298
+
299
+
300
+ /* Nested Segment */
301
+ .ui.segments > .segment {
302
+ top: 0px;
303
+ bottom: 0px;
304
+ border-radius: 0px;
305
+ margin: @groupedSegmentMargin;
306
+ width: @groupedSegmentWidth;
307
+ box-shadow: @groupedSegmentBoxShadow;
308
+ border: @groupedSegmentBorder;
309
+ border-top: @groupedSegmentDivider;
310
+ }
311
+
312
+ .ui.segments:not(.horizontal) > .segment:first-child {
313
+ top: @attachedTopOffset;
314
+ bottom: 0px;
315
+ border-top: none;
316
+ margin-top: 0em;
317
+ bottom: 0px;
318
+ margin-bottom: 0em;
319
+ top: @attachedTopOffset;
320
+ border-radius: @borderRadius @borderRadius 0em 0em;
321
+ }
322
+
323
+ /* Bottom */
324
+ .ui.segments:not(.horizontal) > .segment:last-child {
325
+ top: @attachedBottomOffset;
326
+ bottom: 0px;
327
+ margin-top: 0em;
328
+ margin-bottom: 0em;
329
+ box-shadow: @attachedBottomBoxShadow;
330
+ border-radius: 0em 0em @borderRadius @borderRadius;
331
+ }
332
+
333
+
334
+ /* Nested Group */
335
+ .ui.segments > .ui.segments {
336
+ border-top: @groupedSegmentDivider;
337
+ margin: @nestedGroupMargin;
338
+ }
339
+ .ui.segments > .segments:first-child {
340
+ border-top: none;
341
+ }
342
+ .ui.segments > .segment + .segments:not(.horizontal) {
343
+ margin-top: 0em;
344
+ }
345
+
346
+ /* Horizontal Group */
347
+ .ui.horizontal.segments {
348
+ display: flex;
349
+ flex-direction: row;
350
+ background-color: transparent;
351
+ border-radius: 0px;
352
+ padding: 0em;
353
+ background-color: @background;
354
+ box-shadow: @boxShadow;
355
+ margin: @margin;
356
+ border-radius: @borderRadius;
357
+ border: @border;
358
+ }
359
+
360
+ /* Nested Horizontal Group */
361
+ .ui.segments > .horizontal.segments {
362
+ margin: 0em;
363
+ background-color: transparent;
364
+ border-radius: 0px;
365
+ border: none;
366
+ box-shadow: none;
367
+ border-top: @groupedSegmentDivider;
368
+ }
369
+
370
+ /* Horizontal Segment */
371
+ .ui.horizontal.segments > .segment {
372
+ flex: 1 1 auto;
373
+ margin: 0em;
374
+ min-width: 0px;
375
+ background-color: transparent;
376
+ border-radius: 0px;
377
+ border: none;
378
+ box-shadow: none;
379
+ border-left: @borderWidth solid @borderColor;
380
+ }
381
+ .ui.horizontal.segments > .segment:first-child {
382
+ border-left: none;
383
+ }
384
+
385
+
261
386
  /*******************************
262
387
  States
263
388
  *******************************/
@@ -338,129 +463,142 @@
338
463
  --------------------*/
339
464
 
340
465
  .ui.basic.segment {
341
- position: relative;
342
- background-color: transparent;
343
- box-shadow: none;
344
-
345
- border-radius: 0px;
466
+ background: @basicBackground;
467
+ box-shadow: @basicBoxShadow;
468
+ border: @basicBorder;
469
+ border-radius: @basicBorderRadius;
346
470
  }
347
471
 
348
472
  /*-------------------
349
- Fittted
473
+ Clearing
350
474
  --------------------*/
351
475
 
352
- .ui.fitted.segment {
353
- padding: 0em;
476
+ .ui.clearing.segment:after {
477
+ content: ".";
478
+ display: block;
479
+ height: 0;
480
+ clear: both;
481
+ visibility: hidden;
354
482
  }
355
483
 
356
484
  /*-------------------
357
485
  Colors
358
486
  --------------------*/
359
487
 
360
- .ui.black.segment:not(.inverted) {
361
- border-top: @coloredBorderSize solid @black;
362
- }
363
- .ui.blue.segment:not(.inverted) {
364
- border-top: @coloredBorderSize solid @blue;
488
+ /* Red */
489
+ .ui.red.segment:not(.inverted) {
490
+ border-top: @coloredBorderSize solid @red;
365
491
  }
366
- .ui.green.segment:not(.inverted) {
367
- border-top: @coloredBorderSize solid @green;
492
+ .ui.inverted.red.segment {
493
+ background-color: @red !important;
494
+ color: @white !important;
368
495
  }
496
+
497
+ /* Orange */
369
498
  .ui.orange.segment:not(.inverted) {
370
499
  border-top: @coloredBorderSize solid @orange;
371
500
  }
372
- .ui.pink.segment:not(.inverted) {
373
- border-top: @coloredBorderSize solid @pink;
374
- }
375
- .ui.purple.segment:not(.inverted) {
376
- border-top: @coloredBorderSize solid @purple;
377
- }
378
- .ui.red.segment:not(.inverted) {
379
- border-top: @coloredBorderSize solid @red;
380
- }
381
- .ui.teal.segment:not(.inverted) {
382
- border-top: @coloredBorderSize solid @teal;
501
+ .ui.inverted.orange.segment {
502
+ background-color: @orange !important;
503
+ color: @white !important;
383
504
  }
505
+
506
+ /* Yellow */
384
507
  .ui.yellow.segment:not(.inverted) {
385
508
  border-top: @coloredBorderSize solid @yellow;
386
509
  }
387
-
388
- .ui.black.segment:not(.inverted):not(.attached) {
389
- border-top-left-radius: @coloredBorderRadius !important;
390
- border-top-right-radius: @coloredBorderRadius !important;
391
- }
392
- .ui.blue.segment:not(.inverted):not(.attached) {
393
- border-top-left-radius: @coloredBorderRadius !important;
394
- border-top-right-radius: @coloredBorderRadius !important;
395
- }
396
- .ui.green.segment:not(.inverted):not(.attached) {
397
- border-top-left-radius: @coloredBorderRadius !important;
398
- border-top-right-radius: @coloredBorderRadius !important;
510
+ .ui.inverted.yellow.segment {
511
+ background-color: @yellow !important;
512
+ color: @white !important;
399
513
  }
400
- .ui.orange.segment:not(.inverted):not(.attached) {
401
- border-top-left-radius: @coloredBorderRadius !important;
402
- border-top-right-radius: @coloredBorderRadius !important;
514
+
515
+ /* Olive */
516
+ .ui.olive.segment:not(.inverted) {
517
+ border-top: @coloredBorderSize solid @olive;
403
518
  }
404
- .ui.pink.segment:not(.inverted):not(.attached) {
405
- border-top-left-radius: @coloredBorderRadius !important;
406
- border-top-right-radius: @coloredBorderRadius !important;
519
+ .ui.inverted.olive.segment {
520
+ background-color: @olive !important;
521
+ color: @white !important;
407
522
  }
408
- .ui.purple.segment:not(.inverted):not(.attached) {
409
- border-top-left-radius: @coloredBorderRadius !important;
410
- border-top-right-radius: @coloredBorderRadius !important;
523
+
524
+ /* Green */
525
+ .ui.green.segment:not(.inverted) {
526
+ border-top: @coloredBorderSize solid @green;
411
527
  }
412
- .ui.red.segment:not(.inverted):not(.attached) {
413
- border-top-left-radius: @coloredBorderRadius !important;
414
- border-top-right-radius: @coloredBorderRadius !important;
528
+ .ui.inverted.green.segment {
529
+ background-color: @green !important;
530
+ color: @white !important;
415
531
  }
416
- .ui.teal.segment:not(.inverted):not(.attached) {
417
- border-top-left-radius: @coloredBorderRadius !important;
418
- border-top-right-radius: @coloredBorderRadius !important;
532
+
533
+ /* Teal */
534
+ .ui.teal.segment:not(.inverted) {
535
+ border-top: @coloredBorderSize solid @teal;
419
536
  }
420
- .ui.yellow.segment:not(.inverted):not(.attached) {
421
- border-top-left-radius: @coloredBorderRadius !important;
422
- border-top-right-radius: @coloredBorderRadius !important;
537
+ .ui.inverted.teal.segment {
538
+ background-color: @teal !important;
539
+ color: @white !important;
423
540
  }
424
541
 
425
- /*-------------------
426
- Inverted Colors
427
- --------------------*/
428
-
429
- .ui.inverted.segment,
430
- .ui.inverted.black.segment {
431
- background-color: @black !important;
432
- color: @white !important;
542
+ /* Blue */
543
+ .ui.blue.segment:not(.inverted) {
544
+ border-top: @coloredBorderSize solid @blue;
433
545
  }
434
546
  .ui.inverted.blue.segment {
435
547
  background-color: @blue !important;
436
548
  color: @white !important;
437
549
  }
438
- .ui.inverted.green.segment {
439
- background-color: @green !important;
550
+
551
+ /* Violet */
552
+ .ui.violet.segment:not(.inverted) {
553
+ border-top: @coloredBorderSize solid @violet;
554
+ }
555
+ .ui.inverted.violet.segment {
556
+ background-color: @violet !important;
440
557
  color: @white !important;
441
558
  }
442
- .ui.inverted.orange.segment {
443
- background-color: @orange !important;
559
+
560
+ /* Purple */
561
+ .ui.purple.segment:not(.inverted) {
562
+ border-top: @coloredBorderSize solid @purple;
563
+ }
564
+ .ui.inverted.purple.segment {
565
+ background-color: @purple !important;
444
566
  color: @white !important;
445
567
  }
568
+
569
+ /* Pink */
570
+ .ui.pink.segment:not(.inverted) {
571
+ border-top: @coloredBorderSize solid @pink;
572
+ }
446
573
  .ui.inverted.pink.segment {
447
574
  background-color: @pink !important;
448
575
  color: @white !important;
449
576
  }
450
- .ui.inverted.purple.segment {
451
- background-color: @purple !important;
452
- color: @white !important;
577
+
578
+ /* Brown */
579
+ .ui.brown.segment:not(.inverted) {
580
+ border-top: @coloredBorderSize solid @brown;
453
581
  }
454
- .ui.inverted.red.segment {
455
- background-color: @red !important;
582
+ .ui.inverted.brown.segment {
583
+ background-color: @brown !important;
456
584
  color: @white !important;
457
585
  }
458
- .ui.inverted.teal.segment {
459
- background-color: @teal !important;
586
+
587
+ /* Grey */
588
+ .ui.grey.segment:not(.inverted) {
589
+ border-top: @coloredBorderSize solid @grey;
590
+ }
591
+ .ui.inverted.grey.segment {
592
+ background-color: @grey !important;
460
593
  color: @white !important;
461
594
  }
462
- .ui.inverted.yellow.segment {
463
- background-color: @yellow !important;
595
+
596
+ /* Black */
597
+ .ui.black.segment:not(.inverted) {
598
+ border-top: @coloredBorderSize solid @black;
599
+ }
600
+ .ui.inverted.black.segment {
601
+ background-color: @black !important;
464
602
  color: @white !important;
465
603
  }
466
604
 
@@ -485,11 +623,11 @@
485
623
  .ui.floated.segment,
486
624
  .ui[class*="left floated"].segment {
487
625
  float: left;
488
- margin-right: @margin;
626
+ margin-right: @floatedDistance;
489
627
  }
490
628
  .ui[class*="right floated"].segment {
491
629
  float: right;
492
- margin-left: @margin;
630
+ margin-left: @floatedDistance;
493
631
  }
494
632
 
495
633
 
@@ -499,8 +637,6 @@
499
637
 
500
638
  .ui.inverted.segment {
501
639
  border: none;
502
- -webkit-box-shadow: none;
503
- -moz-box-shadow: none;
504
640
  box-shadow: none;
505
641
  }
506
642
  .ui.inverted.segment .segment {
@@ -521,23 +657,24 @@
521
657
  }
522
658
 
523
659
  /*-------------------
524
- Ordinality
660
+ Emphasis
525
661
  --------------------*/
526
662
 
663
+ /* Secondary */
527
664
  .ui.secondary.segment {
528
665
  background: @secondaryBackground;
529
666
  color: @secondaryColor;
530
667
  }
531
-
532
- .ui.tertiary.segment {
533
- background: @tertiaryBackground;
534
- color: @textColor;
535
- }
536
-
537
668
  .ui.secondary.inverted.segment {
538
669
  background: @secondaryInvertedBackground;
539
670
  color: @secondaryInvertedColor;
540
671
  }
672
+
673
+ /* Tertiary */
674
+ .ui.tertiary.segment {
675
+ background: @tertiaryBackground;
676
+ color: @tertiaryColor;
677
+ }
541
678
  .ui.tertiary.inverted.segment {
542
679
  background: @tertiaryInvertedBackground;
543
680
  color: @tertiaryInvertedColor;
@@ -587,53 +724,4 @@
587
724
  margin-bottom: 0em;
588
725
  }
589
726
 
590
-
591
- /*-------------------
592
- Groups
593
- --------------------*/
594
-
595
- .ui.segments {
596
- margin: @margin 0em;
597
- }
598
- .ui.segments:first-child {
599
- margin-top: 0em;
600
- }
601
- .ui.segments:last-child {
602
- margin-bottom: 0em;
603
- }
604
-
605
- .ui.segments > .segment {
606
- top: 0px;
607
- bottom: 0px;
608
- margin: 0em @attachedHorizontalOffset;
609
- width: @attachedWidth;
610
- max-width: @attachedWidth;
611
- border-radius: 0px;
612
- box-shadow: @attachedBoxShadow;
613
- border: @attachedBorder;
614
- }
615
-
616
- .ui.segments > .segment:not(:first-child) {
617
- border-top: none;
618
- }
619
-
620
- /* Top */
621
- .ui.segments > .segment:first-child {
622
- margin-top: 0em;
623
- bottom: 0px;
624
- margin-bottom: 0em;
625
- top: @attachedTopOffset;
626
- border-radius: @borderRadius @borderRadius 0em 0em;
627
- }
628
-
629
- /* Bottom */
630
- .ui.segments > .segment:last-child {
631
- bottom: 0px;
632
- margin-top: 0em;
633
- margin-bottom: 0em;
634
- top: @attachedBottomOffset;
635
- box-shadow: @attachedBottomBoxShadow;
636
- border-radius: 0em 0em @borderRadius @borderRadius;
637
- }
638
-
639
727
  .loadUIOverrides();