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
  *
@@ -62,7 +62,7 @@
62
62
  display: @headerDisplay;
63
63
  font-family: @headerFont;
64
64
  font-weight: @headerFontWeight;
65
- margin: 0em 0em @headerDistance 0em;
65
+ margin: @headerMargin;
66
66
  }
67
67
 
68
68
  /* Default font size */
@@ -87,10 +87,11 @@
87
87
 
88
88
  /* List */
89
89
  .ui.message ul.list {
90
+ text-align: left;
91
+ padding: 0em;
90
92
  opacity: @listOpacity;
91
93
  list-style-position: @listStylePosition;
92
94
  margin: @listMargin 0em 0em;
93
- padding: 0em;
94
95
  }
95
96
  .ui.message ul.list:first-child {
96
97
  margin-top: 0em;
@@ -129,9 +130,7 @@
129
130
  top: @closeTopDistance;
130
131
  right: @closeRightDistance;
131
132
  opacity: @closeOpacity;
132
- transition:
133
- opacity 0.1s linear
134
- ;
133
+ transition: @closeTransition;
135
134
  }
136
135
  .ui.message > .close.icon:hover {
137
136
  opacity: 1;
@@ -145,6 +144,13 @@
145
144
  margin-bottom: 0em;
146
145
  }
147
146
 
147
+ /*******************************
148
+ Coupling
149
+ *******************************/
150
+
151
+ .ui.dropdown .menu > .message {
152
+ margin: 0px -@borderWidth;
153
+ }
148
154
 
149
155
  /*******************************
150
156
  States
@@ -159,7 +165,7 @@
159
165
  }
160
166
 
161
167
  .ui.icon.visible.visible.visible.visible.message {
162
- display: table;
168
+ display: flex;
163
169
  }
164
170
 
165
171
  /*--------------
@@ -170,6 +176,7 @@
170
176
  display: none;
171
177
  }
172
178
 
179
+
173
180
  /*******************************
174
181
  Variations
175
182
  *******************************/
@@ -217,19 +224,22 @@
217
224
  ---------------*/
218
225
 
219
226
  .ui.icon.message {
220
- display: table;
227
+ display: flex;
221
228
  width: 100%;
229
+ align-items: center;
222
230
  }
223
231
  .ui.icon.message > .icon:not(.close) {
224
- display: table-cell;
232
+ display: block;
233
+ flex: 0 1 auto;
225
234
  width: auto;
235
+ line-height: 1;
226
236
  vertical-align: @iconVerticalAlign;
227
237
  font-size: @iconSize;
228
238
  opacity: @iconOpacity;
229
239
  }
230
240
  .ui.icon.message > .content {
231
- display: table-cell;
232
- width: 100%;
241
+ display: block;
242
+ flex: 1 1 auto;
233
243
  vertical-align: @iconVerticalAlign;
234
244
  }
235
245
 
@@ -240,10 +250,6 @@
240
250
  .ui.icon.message .circular.icon {
241
251
  width: 1em;
242
252
  }
243
- .ui.icon.message .circular.icon + .content {
244
- width: auto;
245
- padding-left: @circularIconContentDistance;
246
- }
247
253
 
248
254
  /*--------------
249
255
  Floating
@@ -274,10 +280,7 @@
274
280
  }
275
281
  .ui.positive.message,
276
282
  .ui.attached.positive.message {
277
- box-shadow:
278
- 0px 0px 0px 1px @positiveBorderColor inset,
279
- @subtleShadow
280
- ;
283
+ box-shadow: @positiveBoxShadow;
281
284
  }
282
285
  .ui.positive.message .header {
283
286
  color: @positiveHeaderColor;
@@ -290,10 +293,7 @@
290
293
  }
291
294
  .ui.negative.message,
292
295
  .ui.attached.negative.message {
293
- box-shadow:
294
- 0px 0px 0px 1px @negativeBorderColor inset,
295
- @subtleShadow
296
- ;
296
+ box-shadow: @negativeBoxShadow;
297
297
  }
298
298
  .ui.negative.message .header {
299
299
  color: @negativeHeaderColor;
@@ -306,10 +306,7 @@
306
306
  }
307
307
  .ui.info.message,
308
308
  .ui.attached.info.message {
309
- box-shadow:
310
- 0px 0px 0px 1px @infoBorderColor inset,
311
- @subtleShadow
312
- ;
309
+ box-shadow: @infoBoxShadow;
313
310
  }
314
311
  .ui.info.message .header {
315
312
  color: @infoHeaderColor;
@@ -322,10 +319,7 @@
322
319
  }
323
320
  .ui.warning.message,
324
321
  .ui.attached.warning.message {
325
- box-shadow:
326
- 0px 0px 0px 1px @warningBorderColor inset,
327
- @subtleShadow
328
- ;
322
+ box-shadow: @warningBoxShadow;
329
323
  }
330
324
  .ui.warning.message .header {
331
325
  color: @warningHeaderColor;
@@ -338,10 +332,7 @@
338
332
  }
339
333
  .ui.error.message,
340
334
  .ui.attached.error.message {
341
- box-shadow:
342
- 0px 0px 0px 1px @errorBorderColor inset,
343
- @subtleShadow
344
- ;
335
+ box-shadow: @errorBoxShadow;
345
336
  }
346
337
  .ui.error.message .header {
347
338
  color: @errorHeaderColor;
@@ -354,10 +345,7 @@
354
345
  }
355
346
  .ui.success.message,
356
347
  .ui.attached.success.message {
357
- box-shadow:
358
- 0px 0px 0px 1px @successBorderColor inset,
359
- @subtleShadow
360
- ;
348
+ box-shadow: @successBoxShadow;
361
349
  }
362
350
  .ui.success.message .header {
363
351
  color: @successHeaderColor;
@@ -371,20 +359,14 @@
371
359
  color: @invertedTextColor;
372
360
  }
373
361
 
374
- .ui.blue.message {
375
- background-color: @blueBackground;
376
- color: @blueTextColor;
377
- }
378
- .ui.blue.message .header {
379
- color: @blueHeaderColor;
380
- }
381
- .ui.green.message {
382
- background-color: @greenBackground;
383
- color: @greenTextColor;
362
+ .ui.red.message {
363
+ background-color: @redBackground;
364
+ color: @redTextColor;
384
365
  }
385
- .ui.green.message .header {
386
- color: @greenHeaderColor;
366
+ .ui.red.message .header {
367
+ color: @redHeaderColor;
387
368
  }
369
+
388
370
  .ui.orange.message {
389
371
  background-color: @orangeBackground;
390
372
  color: @orangeTextColor;
@@ -392,27 +374,31 @@
392
374
  .ui.orange.message .header {
393
375
  color: @orangeHeaderColor;
394
376
  }
395
- .ui.pink.message {
396
- background-color: @pinkBackground;
397
- color: @pinkTextColor;
377
+
378
+ .ui.yellow.message {
379
+ background-color: @yellowBackground;
380
+ color: @yellowTextColor;
398
381
  }
399
- .ui.pink.message .header {
400
- color: @pinkHeaderColor;
382
+ .ui.yellow.message .header {
383
+ color: @yellowHeaderColor;
401
384
  }
402
- .ui.purple.message {
403
- background-color: @purpleBackground;
404
- color: @purpleTextColor;
385
+
386
+ .ui.olive.message {
387
+ background-color: @oliveBackground;
388
+ color: @oliveTextColor;
405
389
  }
406
- .ui.purple.message .header {
407
- color: @purpleHeaderColor;
390
+ .ui.olive.message .header {
391
+ color: @oliveHeaderColor;
408
392
  }
409
- .ui.red.message {
410
- background-color: @redBackground;
411
- color: @redTextColor;
393
+
394
+ .ui.green.message {
395
+ background-color: @greenBackground;
396
+ color: @greenTextColor;
412
397
  }
413
- .ui.red.message .header {
414
- color: @redHeaderColor;
398
+ .ui.green.message .header {
399
+ color: @greenHeaderColor;
415
400
  }
401
+
416
402
  .ui.teal.message {
417
403
  background-color: @tealBackground;
418
404
  color: @tealTextColor;
@@ -420,14 +406,46 @@
420
406
  .ui.teal.message .header {
421
407
  color: @tealHeaderColor;
422
408
  }
423
- .ui.yellow.message {
424
- background-color: @yellowBackground;
425
- color: @yellowTextColor;
409
+
410
+ .ui.blue.message {
411
+ background-color: @blueBackground;
412
+ color: @blueTextColor;
426
413
  }
427
- .ui.yellow.message .header {
428
- color: @yellowHeaderColor;
414
+ .ui.blue.message .header {
415
+ color: @blueHeaderColor;
416
+ }
417
+
418
+ .ui.violet.message {
419
+ background-color: @violetBackground;
420
+ color: @violetTextColor;
421
+ }
422
+ .ui.violet.message .header {
423
+ color: @violetHeaderColor;
424
+ }
425
+
426
+ .ui.purple.message {
427
+ background-color: @purpleBackground;
428
+ color: @purpleTextColor;
429
+ }
430
+ .ui.purple.message .header {
431
+ color: @purpleHeaderColor;
429
432
  }
430
433
 
434
+ .ui.pink.message {
435
+ background-color: @pinkBackground;
436
+ color: @pinkTextColor;
437
+ }
438
+ .ui.pink.message .header {
439
+ color: @pinkHeaderColor;
440
+ }
441
+
442
+ .ui.brown.message {
443
+ background-color: @brownBackground;
444
+ color: @brownTextColor;
445
+ }
446
+ .ui.brown.message .header {
447
+ color: @brownHeaderColor;
448
+ }
431
449
 
432
450
  /*--------------
433
451
  Sizes
@@ -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
  *
@@ -41,6 +41,7 @@
41
41
  border: @border;
42
42
  box-shadow: @boxShadow;
43
43
  border-radius: @borderRadius;
44
+ text-align: @textAlign;
44
45
  color: @color;
45
46
  border-collapse: @borderCollapse;
46
47
  border-spacing: @borderSpacing;
@@ -136,7 +137,6 @@
136
137
  .ui.table td {
137
138
  padding: @cellVerticalPadding @cellHorizontalPadding;
138
139
  text-align: @cellTextAlign;
139
- vertical-align: @cellVerticalAlign;
140
140
  }
141
141
 
142
142
  /* Icons */
@@ -182,44 +182,28 @@
182
182
  .ui.table:not(.unstackable) tfoot {
183
183
  display: @responsiveFooterDisplay;
184
184
  }
185
+ .ui.table:not(.unstackable) tr {
186
+ padding-top: @responsiveRowVerticalPadding;
187
+ padding-bottom: @responsiveRowVerticalPadding;
188
+ box-shadow: @responsiveRowBoxShadow;
189
+ }
190
+
185
191
  .ui.table:not(.unstackable) tr > th,
186
192
  .ui.table:not(.unstackable) tr > td {
187
193
  background: none;
188
194
  border: none !important;
189
- padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding;
195
+ padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding !important;
190
196
  box-shadow: @responsiveCellBoxShadow;
191
197
  }
192
198
  .ui.table:not(.unstackable) th:first-child,
193
199
  .ui.table:not(.unstackable) td:first-child {
194
200
  font-weight: bold;
195
- padding-top: @responsiveRowVerticalPadding;
196
- }
197
- .ui.table:not(.unstackable) th:last-child,
198
- .ui.table:not(.unstackable) td:last-child {
199
- box-shadow: @responsiveRowBoxShadow;
200
- padding-bottom: @responsiveRowVerticalPadding;
201
- }
202
-
203
- /* Clear BG Colors */
204
- .ui.table:not(.unstackable) tr > td.warning,
205
- .ui.table:not(.unstackable) tr > td.error,
206
- .ui.table:not(.unstackable) tr > td.active,
207
- .ui.table:not(.unstackable) tr > td.positive,
208
- .ui.table:not(.unstackable) tr > td.negative {
209
- background-color: @responsiveStatusColor !important;
210
201
  }
211
202
 
212
203
  /* Definition Table */
213
204
  .ui.definition.table:not(.unstackable) thead th:first-child {
214
205
  box-shadow: none !important;
215
206
  }
216
- .ui.definition.table:not(.unstackable) tr td:first-child {
217
- padding-bottom: @responsiveRowVerticalPadding;
218
- }
219
- .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
220
- padding-top: @responsiveRowVerticalPadding;
221
- }
222
-
223
207
  }
224
208
 
225
209
 
@@ -324,16 +308,11 @@
324
308
  .ui.table td.positive {
325
309
  box-shadow: @positiveBoxShadow;
326
310
  }
327
- .ui.table tr.positive td,
311
+ .ui.table tr.positive,
328
312
  .ui.table td.positive {
329
313
  background: @positiveBackgroundColor !important;
330
314
  color: @positiveColor !important;
331
315
  }
332
- .ui.celled.table tr.positive:hover td,
333
- .ui.celled.table tr:hover td.positive {
334
- background: @positiveBackgroundHover !important;
335
- color: @positiveColorHover !important;
336
- }
337
316
 
338
317
  /*--------------
339
318
  Negative
@@ -343,16 +322,11 @@
343
322
  .ui.table td.negative {
344
323
  box-shadow: @negativeBoxShadow;
345
324
  }
346
- .ui.table tr.negative td,
325
+ .ui.table tr.negative,
347
326
  .ui.table td.negative {
348
327
  background: @negativeBackgroundColor !important;
349
328
  color: @negativeColor !important;
350
329
  }
351
- .ui.celled.table tr.negative:hover td,
352
- .ui.celled.table tr:hover td.negative {
353
- background: @negativeBackgroundHover !important;
354
- color: @negativeColorHover !important;
355
- }
356
330
 
357
331
  /*--------------
358
332
  Error
@@ -362,17 +336,11 @@
362
336
  .ui.table td.error {
363
337
  box-shadow: @errorBoxShadow;
364
338
  }
365
- .ui.table tr.error td,
339
+ .ui.table tr.error,
366
340
  .ui.table td.error {
367
341
  background: @errorBackgroundColor !important;
368
342
  color: @errorColor !important;
369
343
  }
370
- .ui.celled.table tr.error:hover td,
371
- .ui.celled.table tr:hover td.error {
372
- background: @errorBackgroundHover !important;
373
- color: @errorColorHover !important;
374
- }
375
-
376
344
  /*--------------
377
345
  Warning
378
346
  ---------------*/
@@ -381,16 +349,11 @@
381
349
  .ui.table td.warning {
382
350
  box-shadow: @warningBoxShadow;
383
351
  }
384
- .ui.table tr.warning td,
352
+ .ui.table tr.warning,
385
353
  .ui.table td.warning {
386
354
  background: @warningBackgroundColor !important;
387
355
  color: @warningColor !important;
388
356
  }
389
- .ui.celled.table tr.warning:hover td,
390
- .ui.celled.table tr:hover td.warning {
391
- background: @warningBackgroundHover !important;
392
- color: @warningColorHover !important;
393
- }
394
357
 
395
358
  /*--------------
396
359
  Active
@@ -400,16 +363,12 @@
400
363
  .ui.table td.active {
401
364
  box-shadow: @activeBoxShadow;
402
365
  }
403
- .ui.table tr.active td,
366
+ .ui.table tr.active,
404
367
  .ui.table td.active {
405
368
  background: @activeBackgroundColor !important;
406
369
  color: @activeColor !important;
407
370
  }
408
- .ui.celled.table tr.active:hover td,
409
- .ui.celled.table tr:hover td.active {
410
- background: @activeBackgroundColor !important;
411
- color: @activeColor !important;
412
- }
371
+
413
372
 
414
373
 
415
374
  /*--------------
@@ -418,7 +377,7 @@
418
377
 
419
378
  .ui.table tr.disabled td,
420
379
  .ui.table tr td.disabled,
421
- .ui.table tr.disabled:hover td,
380
+ .ui.table tr.disabled:hover,
422
381
  .ui.table tr:hover td.disabled {
423
382
  pointer-events: none;
424
383
  color: @disabledTextColor;
@@ -453,6 +412,11 @@
453
412
  .ui[class*="tablet stackable"].table tfoot {
454
413
  display: @responsiveFooterDisplay;
455
414
  }
415
+ .ui[class*="tablet stackable"].table tr {
416
+ padding-top: @responsiveRowVerticalPadding;
417
+ padding-bottom: @responsiveRowVerticalPadding;
418
+ box-shadow: @responsiveRowBoxShadow;
419
+ }
456
420
  .ui[class*="tablet stackable"].table tr > th,
457
421
  .ui[class*="tablet stackable"].table tr > td {
458
422
  background: none;
@@ -460,41 +424,15 @@
460
424
  padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding;
461
425
  box-shadow: @responsiveCellBoxShadow;
462
426
  }
463
- .ui[class*="tablet stackable"].table th:first-child,
464
- .ui[class*="tablet stackable"].table td:first-child {
465
- font-weight: bold;
466
- padding-top: @responsiveRowVerticalPadding;
467
- }
468
- .ui[class*="tablet stackable"].table th:last-child,
469
- .ui[class*="tablet stackable"].table td:last-child {
470
- box-shadow: @responsiveRowBoxShadow;
471
- padding-bottom: @responsiveRowVerticalPadding;
472
- }
473
-
474
- /* Clear BG Colors */
475
- .ui[class*="tablet stackable"].table tr > td.warning,
476
- .ui[class*="tablet stackable"].table tr > td.error,
477
- .ui[class*="tablet stackable"].table tr > td.active,
478
- .ui[class*="tablet stackable"].table tr > td.positive,
479
- .ui[class*="tablet stackable"].table tr > td.negative {
480
- background-color: @responsiveStatusColor !important;
481
- }
482
427
 
483
428
  /* Definition Table */
484
429
  .ui.definition[class*="tablet stackable"].table thead th:first-child {
485
430
  box-shadow: none !important;
486
431
  }
487
- .ui.definition[class*="tablet stackable"].table tr td:first-child {
488
- padding-bottom: @responsiveRowVerticalPadding;
489
- }
490
- .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
491
- padding-top: @responsiveRowVerticalPadding;
492
- }
493
-
494
432
  }
495
433
 
496
434
  /*--------------
497
- Aligned
435
+ Text Alignment
498
436
  ---------------*/
499
437
 
500
438
  .ui.table[class*="left aligned"],
@@ -510,6 +448,23 @@
510
448
  text-align: right;
511
449
  }
512
450
 
451
+ /*------------------
452
+ Vertical Alignment
453
+ ------------------*/
454
+
455
+ .ui.table[class*="top aligned"],
456
+ .ui.table [class*="top aligned"] {
457
+ vertical-align: top;
458
+ }
459
+ .ui.table[class*="middle aligned"],
460
+ .ui.table [class*="middle aligned"] {
461
+ vertical-align: middle;
462
+ }
463
+ .ui.table[class*="bottom aligned"],
464
+ .ui.table [class*="bottom aligned"] {
465
+ vertical-align: bottom;
466
+ }
467
+
513
468
  /*--------------
514
469
  Collapsing
515
470
  ---------------*/
@@ -520,9 +475,50 @@
520
475
  white-space: nowrap;
521
476
  }
522
477
 
478
+ /*--------------
479
+ Hoverable
480
+ ---------------*/
481
+
482
+ .ui.selectable.table tbody tr:hover {
483
+ background: @selectableBackground !important;
484
+ color: @selectableTextColor !important;
485
+ }
486
+ .ui.selectable.inverted.table tbody tr:hover {
487
+ background: @selectableInvertedBackground !important;
488
+ color: @selectableInvertedTextColor !important;
489
+ }
490
+
491
+ /* Other States */
492
+ .ui.selectable.table tr.error:hover,
493
+ .ui.selectable.table tr:hover td.error {
494
+ background: @errorBackgroundHover !important;
495
+ color: @errorColorHover !important;
496
+ }
497
+ .ui.selectable.table tr.warning:hover,
498
+ .ui.selectable.table tr:hover td.warning {
499
+ background: @warningBackgroundHover !important;
500
+ color: @warningColorHover !important;
501
+ }
502
+ .ui.selectable.table tr.active:hover,
503
+ .ui.selectable.table tr:hover td.active {
504
+ background: @activeBackgroundColor !important;
505
+ color: @activeColor !important;
506
+ }
507
+ .ui.selectable.table tr.positive:hover,
508
+ .ui.selectable.table tr:hover td.positive {
509
+ background: @positiveBackgroundHover !important;
510
+ color: @positiveColorHover !important;
511
+ }
512
+ .ui.selectable.table tr.negative:hover,
513
+ .ui.selectable.table tr:hover td.negative {
514
+ background: @negativeBackgroundHover !important;
515
+ color: @negativeColorHover !important;
516
+ }
517
+
518
+
523
519
 
524
520
  /*--------------
525
- Attached
521
+ Attached
526
522
  ---------------*/
527
523
 
528
524
 
@@ -536,7 +532,7 @@
536
532
 
537
533
  /* Top */
538
534
  .ui[class*="top attached"].table {
539
- margin-top: @margin;
535
+ margin-top: @verticalMargin;
540
536
  border-radius: @borderRadius @borderRadius 0em 0em;
541
537
  }
542
538
  .ui.table[class*="top attached"]:first-child {
@@ -546,7 +542,7 @@
546
542
  /* Bottom */
547
543
  .ui.table[class*="bottom attached"] {
548
544
  margin-top: 0em;
549
- margin-bottom: @margin;
545
+ margin-bottom: @verticalMargin;
550
546
  border-radius: 0em 0em @borderRadius @borderRadius;
551
547
  }
552
548
  .ui.table[class*="bottom attached"]:last-child {
@@ -569,78 +565,133 @@
569
565
  background-color: @invertedStripedBackground;
570
566
  }
571
567
 
568
+ /*--------------
569
+ Single Line
570
+ ---------------*/
571
+
572
+ .ui.table[class*="single line"],
573
+ .ui.table [class*="single line"] {
574
+ white-space: nowrap;
575
+ }
572
576
 
573
577
  /*-------------------
574
578
  Colors
575
579
  --------------------*/
576
580
 
577
- .ui.black.table {
578
- border-top: @coloredBorderSize solid @black;
579
- }
580
- .ui.blue.table {
581
- border-top: @coloredBorderSize solid @blue;
581
+ /* Red */
582
+ .ui.red.table {
583
+ border-top: @coloredBorderSize solid @red;
582
584
  }
583
- .ui.green.table {
584
- border-top: @coloredBorderSize solid @green;
585
+ .ui.inverted.red.table {
586
+ background-color: @red !important;
587
+ color: @white !important;
585
588
  }
589
+
590
+ /* Orange */
586
591
  .ui.orange.table {
587
592
  border-top: @coloredBorderSize solid @orange;
588
593
  }
589
- .ui.pink.table {
590
- border-top: @coloredBorderSize solid @pink;
594
+ .ui.inverted.orange.table {
595
+ background-color: @orange !important;
596
+ color: @white !important;
591
597
  }
592
- .ui.purple.table {
593
- border-top: @coloredBorderSize solid @purple;
598
+
599
+ /* Yellow */
600
+ .ui.yellow.table {
601
+ border-top: @coloredBorderSize solid @yellow;
594
602
  }
595
- .ui.red.table {
596
- border-top: @coloredBorderSize solid @red;
603
+ .ui.inverted.yellow.table {
604
+ background-color: @yellow !important;
605
+ color: @white !important;
597
606
  }
598
- .ui.teal.table {
599
- border-top: @coloredBorderSize solid @teal;
607
+
608
+ /* Olive */
609
+ .ui.olive.table {
610
+ border-top: @coloredBorderSize solid @olive;
600
611
  }
601
- .ui.yellow.table {
602
- border-top: @coloredBorderSize solid @yellow;
612
+ .ui.inverted.olive.table {
613
+ background-color: @olive !important;
614
+ color: @white !important;
603
615
  }
604
616
 
605
- /*-------------------
606
- Inverted Colors
607
- --------------------*/
617
+ /* Green */
618
+ .ui.green.table {
619
+ border-top: @coloredBorderSize solid @green;
620
+ }
621
+ .ui.inverted.green.table {
622
+ background-color: @green !important;
623
+ color: @white !important;
624
+ }
608
625
 
609
- .ui.inverted.table,
610
- .ui.inverted.black.table {
611
- background-color: @black !important;
626
+ /* Teal */
627
+ .ui.teal.table {
628
+ border-top: @coloredBorderSize solid @teal;
629
+ }
630
+ .ui.inverted.teal.table {
631
+ background-color: @teal !important;
612
632
  color: @white !important;
613
633
  }
634
+
635
+ /* Blue */
636
+ .ui.blue.table {
637
+ border-top: @coloredBorderSize solid @blue;
638
+ }
614
639
  .ui.inverted.blue.table {
615
640
  background-color: @blue !important;
616
641
  color: @white !important;
617
642
  }
618
- .ui.inverted.green.table {
619
- background-color: @green !important;
643
+
644
+ /* Violet */
645
+ .ui.violet.table {
646
+ border-top: @coloredBorderSize solid @violet;
647
+ }
648
+ .ui.inverted.violet.table {
649
+ background-color: @violet !important;
620
650
  color: @white !important;
621
651
  }
622
- .ui.inverted.orange.table {
623
- background-color: @orange !important;
652
+
653
+ /* Purple */
654
+ .ui.purple.table {
655
+ border-top: @coloredBorderSize solid @purple;
656
+ }
657
+ .ui.inverted.purple.table {
658
+ background-color: @purple !important;
624
659
  color: @white !important;
625
660
  }
661
+
662
+ /* Pink */
663
+ .ui.pink.table {
664
+ border-top: @coloredBorderSize solid @pink;
665
+ }
626
666
  .ui.inverted.pink.table {
627
667
  background-color: @pink !important;
628
668
  color: @white !important;
629
669
  }
630
- .ui.inverted.purple.table {
631
- background-color: @purple !important;
632
- color: @white !important;
670
+
671
+ /* Brown */
672
+ .ui.brown.table {
673
+ border-top: @coloredBorderSize solid @brown;
633
674
  }
634
- .ui.inverted.red.table {
635
- background-color: @red !important;
675
+ .ui.inverted.brown.table {
676
+ background-color: @brown !important;
636
677
  color: @white !important;
637
678
  }
638
- .ui.inverted.teal.table {
639
- background-color: @teal !important;
679
+
680
+ /* Grey */
681
+ .ui.grey.table {
682
+ border-top: @coloredBorderSize solid @grey;
683
+ }
684
+ .ui.inverted.grey.table {
685
+ background-color: @grey !important;
640
686
  color: @white !important;
641
687
  }
642
- .ui.inverted.yellow.table {
643
- background-color: @yellow !important;
688
+
689
+ /* Black */
690
+ .ui.black.table {
691
+ border-top: @coloredBorderSize solid @black;
692
+ }
693
+ .ui.inverted.black.table {
694
+ background-color: @black !important;
644
695
  color: @white !important;
645
696
  }
646
697
 
@@ -784,18 +835,16 @@
784
835
  }
785
836
 
786
837
  .ui.sortable.table thead th:after {
787
- display: inline-block;
838
+ display: none;
839
+ font-style: normal;
840
+ font-weight: normal;
841
+ text-decoration: inherit;
788
842
  content: '';
789
- width: @sortableIconWidth;
790
843
  height: 1em;
844
+ width: @sortableIconWidth;
791
845
  opacity: @sortableIconOpacity;
792
-
793
846
  margin: 0em 0em 0em @sortableIconDistance;
794
-
795
847
  font-family: @sortableIconFont;
796
- font-style: normal;
797
- font-weight: normal;
798
- text-decoration: inherit;
799
848
  }
800
849
  .ui.sortable.table thead th.ascending:after {
801
850
  content: @sortableIconAscending;
@@ -819,6 +868,9 @@
819
868
  background: @sortableActiveBackground;
820
869
  color: @sortableActiveColor;
821
870
  }
871
+ .ui.sortable.table thead th.sorted:after {
872
+ display: inline-block;
873
+ }
822
874
 
823
875
  /* Sorted Hover */
824
876
  .ui.sortable.table thead th.sorted:hover {
@@ -919,7 +971,7 @@
919
971
  }
920
972
  .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
921
973
  .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
922
- padding: @basicTableCellVerticalPadding @basicTableCellHorizontalPadding;
974
+ padding: @basicTableCellPadding;
923
975
  }
924
976
  .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
925
977
  .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {