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
  *
@@ -46,7 +46,7 @@
46
46
  .ui.input input {
47
47
  margin: 0em;
48
48
  max-width: 100%;
49
- flex: 0 1 auto;
49
+ flex: 1 0 auto;
50
50
  outline: none;
51
51
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
52
52
  text-align: @textAlign;
@@ -252,6 +252,7 @@
252
252
  .ui.icon.input > i.icon {
253
253
  cursor: default;
254
254
  position: absolute;
255
+ line-height: 1;
255
256
  text-align: center;
256
257
  top: 0px;
257
258
  right: 0px;
@@ -263,6 +264,9 @@
263
264
  border-radius: 0em @borderRadius @borderRadius 0em;
264
265
  transition: @iconTransition;
265
266
  }
267
+ .ui.icon.input > i.icon:not(.link) {
268
+ pointer-events: none;
269
+ }
266
270
  .ui.icon.input input {
267
271
  padding-right: @iconMargin !important;
268
272
  }
@@ -319,7 +323,7 @@
319
323
  padding-bottom: @verticalPadding;
320
324
  }
321
325
 
322
- /* Label on Left */
326
+ /* Regular Label on Left */
323
327
  .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
324
328
  border-left: none;
325
329
  border-top-left-radius: 0px;
@@ -330,7 +334,7 @@
330
334
  border-bottom-right-radius: 0px;
331
335
  }
332
336
 
333
- /* Label on Right */
337
+ /* Regular Label on Right */
334
338
  .ui[class*="right labeled"].input > input {
335
339
  border-right: none;
336
340
  border-top-right-radius: 0px !important;
@@ -341,7 +345,6 @@
341
345
  border-bottom-left-radius: 0px;
342
346
  }
343
347
 
344
-
345
348
  /* Corner Label */
346
349
  .ui.labeled.input .corner.label {
347
350
  top: @labelCornerTop;
@@ -349,11 +352,11 @@
349
352
  font-size: @labelCornerSize;
350
353
  border-radius: 0em @borderRadius 0em 0em;
351
354
  }
352
- .ui.labeled.input input {
353
- padding-right: @labeledMargin !important;
354
- }
355
355
 
356
356
  /* Spacing with corner label */
357
+ .ui[class*="corner labeled"]:not(.left).labeled.input input {
358
+ padding-right: @labeledMargin !important;
359
+ }
357
360
  .ui[class*="corner labeled"].icon.input:not(.left) > input {
358
361
  padding-right: @labeledIconInputMargin !important;
359
362
  }
@@ -361,6 +364,28 @@
361
364
  margin-right: @labeledIconMargin;
362
365
  }
363
366
 
367
+ /* Left Labeled */
368
+ .ui[class*="corner labeled"].left.labeled.input input {
369
+ padding-left: @labeledMargin !important;
370
+ }
371
+ .ui[class*="corner labeled"].icon.input.left > input {
372
+ padding-left: @labeledIconInputMargin !important;
373
+ }
374
+ .ui[class*="corner labeled"].icon.input.left > .icon {
375
+ margin-left: @labeledIconMargin;
376
+ }
377
+
378
+ /* Corner Label Position */
379
+ .ui.input > .ui.corner.label {
380
+ top: @borderWidth;
381
+ right: @borderWidth;
382
+ }
383
+ .ui.input > .ui.left.corner.label {
384
+ right: auto;
385
+ left: @borderWidth;
386
+ }
387
+
388
+
364
389
  /*--------------------
365
390
  Action
366
391
  ---------------------*/
@@ -384,19 +409,29 @@
384
409
  border-top-right-radius: 0px !important;
385
410
  border-bottom-right-radius: 0px !important;
386
411
  }
412
+ .ui.action.input:not([class*="left action"]) > .dropdown,
387
413
  .ui.action.input:not([class*="left action"]) > .button,
388
414
  .ui.action.input:not([class*="left action"]) > .buttons > .button {
389
- border-top-left-radius: 0px;
390
- border-bottom-left-radius: 0px;
415
+ border-radius: 0px;
416
+ }
417
+ .ui.action.input:not([class*="left action"]) > .dropdown:last-child,
418
+ .ui.action.input:not([class*="left action"]) > .button:last-child,
419
+ .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
420
+ border-radius: 0px @borderRadius @borderRadius 0px;
391
421
  }
392
422
 
393
423
  /* Button on Left */
424
+ .ui[class*="left action"].input > .dropdown,
394
425
  .ui[class*="left action"].input > .button,
395
426
  .ui[class*="left action"].input > .buttons > .button {
396
- border-top-right-radius: 0px;
397
- border-bottom-right-radius: 0px;
427
+ border-radius: 0px;
428
+ }
429
+ .ui[class*="left action"].input > .dropdown:first-child,
430
+ .ui[class*="left action"].input > .button:first-child,
431
+ .ui[class*="left action"].input > .buttons:first-child > .button {
432
+ border-radius: @borderRadius 0px 0px @borderRadius;
398
433
  }
399
- .ui[class*="left action"].input > input {
434
+ .ui[class*="left action"].input > input {
400
435
  border-left: none;
401
436
  border-top-left-radius: 0px;
402
437
  border-bottom-left-radius: 0px;
@@ -419,7 +454,7 @@
419
454
  display: flex;
420
455
  }
421
456
  .ui.fluid.input > input {
422
- width: 100% !important;
457
+ width: 0px !important;
423
458
  }
424
459
 
425
460
  /*--------------------
@@ -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
  *
@@ -35,8 +35,9 @@
35
35
 
36
36
  .ui.label {
37
37
  display: inline-block;
38
- vertical-align: @verticalAlign;
38
+ white-space: nowrap;
39
39
  line-height: 1;
40
+ vertical-align: @verticalAlign;
40
41
 
41
42
  margin: @verticalMargin @horizontalMargin;
42
43
 
@@ -52,7 +53,6 @@
52
53
  font-weight: @fontWeight;
53
54
 
54
55
  border-radius: @borderRadius;
55
- box-sizing: border-box;
56
56
  transition: @transition;
57
57
  }
58
58
 
@@ -63,51 +63,59 @@
63
63
  margin-right: 0em;
64
64
  }
65
65
 
66
-
67
66
  /* Link */
68
67
  a.ui.label {
69
68
  cursor: pointer;
70
69
  }
71
70
 
72
71
  /* Inside Link */
73
- .ui.label a {
72
+ .ui.label > a {
74
73
  cursor: pointer;
75
74
  color: inherit;
76
75
  opacity: @linkOpacity;
77
76
  transition: @linkTransition;
78
77
  }
79
- .ui.label a:hover {
78
+ .ui.label > a:hover {
80
79
  opacity: 1;
81
80
  }
82
81
 
82
+ /* Image */
83
+ .ui.label > img {
84
+ width: auto !important;
85
+ vertical-align: middle;
86
+ height: @imageHeight !important;
87
+ }
88
+
83
89
  /* Icon */
84
- .ui.label .icon {
90
+ .ui.label > .icon {
85
91
  width: auto;
86
92
  margin: 0em @iconDistance 0em 0em;
87
93
  }
94
+
88
95
  /* Detail */
89
- .ui.label .detail {
96
+ .ui.label > .detail {
90
97
  display: inline-block;
91
98
  vertical-align: top;
92
99
  font-weight: @detailFontWeight;
93
100
  margin-left: @detailMargin;
94
101
  opacity: @detailOpacity;
95
102
  }
96
- .ui.label .detail .icon {
103
+ .ui.label > .detail .icon {
97
104
  margin: 0em @detailIconDistance 0em 0em;
98
105
  }
99
106
 
100
107
 
101
108
  /* Removable label */
102
- .ui.label .close.icon,
103
- .ui.label .delete.icon {
109
+ .ui.label > .close.icon,
110
+ .ui.label > .delete.icon {
104
111
  cursor: pointer;
105
112
  margin-right: 0em;
106
113
  margin-left: @deleteMargin;
107
- opacity: @linkOpacity;
114
+ font-size: @deleteSize;
115
+ opacity: @deleteOpacity;
108
116
  transition: @deleteTransition;
109
117
  }
110
- .ui.label .delete.icon:hover {
118
+ .ui.label > .delete.icon:hover {
111
119
  opacity: 1;
112
120
  }
113
121
 
@@ -115,7 +123,7 @@ a.ui.label {
115
123
  Group
116
124
  --------------------*/
117
125
 
118
- .ui.labels .label {
126
+ .ui.labels > .label {
119
127
  margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em;
120
128
  }
121
129
 
@@ -124,6 +132,10 @@ a.ui.label {
124
132
  Coupling
125
133
  --------------------*/
126
134
 
135
+ .ui.header > .ui.label {
136
+ margin-top: @lineHeightOffset;
137
+ }
138
+
127
139
  /* Remove border radius on attached segment */
128
140
  .ui.attached.segment > .ui.top.left.attached.label,
129
141
  .ui.bottom.attached.segment > .ui.top.left.attached.label {
@@ -174,7 +186,7 @@ a.ui.label {
174
186
 
175
187
  height: @imageLabelImageHeight;
176
188
  margin: @imageLabelImageMargin;
177
- border-radius: @imageLabelBorderRadius;
189
+ border-radius: @imageLabelImageBorderRadius;
178
190
  }
179
191
 
180
192
  .ui.image.label .detail {
@@ -275,6 +287,7 @@ a.ui.label {
275
287
  }
276
288
 
277
289
  .ui.corner.label .icon {
290
+ cursor: default;
278
291
  position: relative;
279
292
  top: @cornerIconTopOffset;
280
293
  left: @cornerIconLeftOffset;
@@ -310,17 +323,6 @@ a.ui.label {
310
323
  left: -1px;
311
324
  }
312
325
 
313
- /* Input */
314
- .ui.input > .ui.corner.label {
315
- top: 1px;
316
- right: 1px;
317
- }
318
- .ui.input > .ui.right.corner.label {
319
- right: auto;
320
- left: 1px;
321
- }
322
-
323
-
324
326
  /*-------------------
325
327
  Ribbon
326
328
  --------------------*/
@@ -349,13 +351,24 @@ a.ui.label {
349
351
  width: 0em;
350
352
  height: 0em;
351
353
  }
354
+ /* Positioning */
355
+ .ui.ribbon.label {
356
+ left: @ribbonOffset;
357
+ margin-right: -@ribbonTriangleSize;
358
+ padding-left: @ribbonDistance;
359
+ padding-right: @ribbonTriangleSize;
360
+ }
361
+ .ui[class*="right ribbon"].label {
362
+ left: @rightRibbonOffset;
363
+ padding-left: @ribbonTriangleSize;
364
+ padding-right: @ribbonDistance;
365
+ }
352
366
 
353
367
  /* Right Ribbon */
354
368
  .ui[class*="right ribbon"].label {
355
369
  text-align: left;
356
370
  transform: translateX(-100%);
357
371
  border-radius: @borderRadius 0em 0em @borderRadius;
358
- padding-left: @horizontalPadding;
359
372
  }
360
373
  .ui[class*="right ribbon"].label:after {
361
374
  left: auto;
@@ -367,16 +380,6 @@ a.ui.label {
367
380
  border-top-color: inherit;
368
381
  }
369
382
 
370
- /* Positioning */
371
- .ui.ribbon.label {
372
- left: @ribbonOffset;
373
- margin-right: -@ribbonTriangleSize;
374
- padding-left: @ribbonDistance;
375
- }
376
- .ui[class*="right ribbon"].label {
377
- left: @rightRibbonOffset;
378
- padding-right: @ribbonDistance;
379
- }
380
383
 
381
384
 
382
385
  /* Inside Image */
@@ -388,13 +391,11 @@ a.ui.label {
388
391
  .ui.card .image > .ui.ribbon.label,
389
392
  .ui.image > .ui.ribbon.label {
390
393
  left: @ribbonImageOffset;
391
- padding-left: @ribbonImageDistance;
392
394
  }
393
395
  .ui.card .image > .ui[class*="right ribbon"].label,
394
396
  .ui.image > .ui[class*="right ribbon"].label {
395
397
  left: @rightRibbonImageOffset;
396
398
  padding-left: @horizontalPadding;
397
- padding-right: @ribbonImageDistance;
398
399
  }
399
400
 
400
401
 
@@ -479,6 +480,43 @@ a.ui.label:hover:before {
479
480
  color: @labelHoverTextColor;
480
481
  }
481
482
 
483
+ /*-------------------
484
+ Active
485
+ --------------------*/
486
+
487
+ .ui.active.label {
488
+ background-color: @labelActiveBackgroundColor;
489
+ border-color: @labelActiveBackgroundColor;
490
+
491
+ background-image: @labelActiveBackgroundImage;
492
+ color: @labelActiveTextColor;
493
+ }
494
+ .ui.active.label:before {
495
+ background-color: @labelActiveBackgroundColor;
496
+ background-image: @labelActiveBackgroundImage;
497
+ color: @labelActiveTextColor;
498
+ }
499
+
500
+ /*-------------------
501
+ Active Hover
502
+ --------------------*/
503
+
504
+ a.ui.labels .active.label:hover,
505
+ a.ui.active.label:hover {
506
+ background-color: @labelActiveHoverBackgroundColor;
507
+ border-color: @labelActiveHoverBackgroundColor;
508
+
509
+ background-image: @labelActiveHoverBackgroundImage;
510
+ color: @labelActiveHoverTextColor;
511
+ }
512
+ .ui.labels a.active.label:ActiveHover:before,
513
+ a.ui.active.label:ActiveHover:before {
514
+ background-color: @labelActiveHoverBackgroundColor;
515
+ background-image: @labelActiveHoverBackgroundImage;
516
+ color: @labelActiveHoverTextColor;
517
+ }
518
+
519
+
482
520
  /*-------------------
483
521
  Visible
484
522
  --------------------*/
@@ -507,66 +545,132 @@ a.ui.label:hover:before {
507
545
  Colors
508
546
  --------------------*/
509
547
 
510
- /*--- Black ---*/
511
- .ui.black.labels .label,
512
- .ui.black.label {
513
- background-color: @black !important;
514
- border-color: @black !important;
515
- color: @invertedTextColor !important;
548
+ /*--- Red ---*/
549
+ .ui.red.labels .label,
550
+ .ui.red.label {
551
+ background-color: @red !important;
552
+ border-color: @red !important;
553
+ color: @redTextColor !important;
516
554
  }
517
- .ui.labels .black.label:before,
518
- .ui.black.labels .label:before,
519
- .ui.black.label:before {
520
- background-color: @black !important;
555
+ .ui.labels .red.label:before,
556
+ .ui.red.labels .label:before,
557
+ .ui.red.label:before {
558
+ background-color: @red !important;
521
559
  }
522
- a.ui.black.labels .label:hover,
523
- a.ui.black.label:hover {
524
- background-color: @blackHover !important;
525
- border-color: @blackHover !important;
560
+ .ui.red.corner.label,
561
+ .ui.red.corner.label:hover {
562
+ background-color: transparent !important;
526
563
  }
527
- .ui.labels a.black.label:hover:before,
528
- .ui.black.labels a.label:hover:before,
529
- a.ui.black.label:hover:before {
530
- background-color: @blackHover !important;
564
+
565
+ a.ui.red.labels .label:hover,
566
+ a.ui.red.label:hover{
567
+ background-color: @redHover !important;
568
+ border-color: @redHover !important;
569
+ color: @redHoverTextColor !important;
531
570
  }
532
- .ui.black.corner.label,
533
- .ui.black.corner.label:hover {
571
+ .ui.labels a.red.label:hover:before,
572
+ .ui.red.labels a.label:hover:before,
573
+ a.ui.red.label:hover:before {
574
+ background-color: @redHover !important;
575
+ }
576
+ .ui.red.ribbon.label {
577
+ border-color: @redRibbonShadow !important;
578
+ }
579
+
580
+ /*--- Orange ---*/
581
+ .ui.orange.labels .label,
582
+ .ui.orange.label {
583
+ background-color: @orange !important;
584
+ border-color: @orange !important;
585
+ color: @orangeTextColor !important;
586
+ }
587
+ .ui.labels .orange.label:before,
588
+ .ui.orange.labels .label:before,
589
+ .ui.orange.label:before {
590
+ background-color: @orange !important;
591
+ }
592
+ .ui.orange.corner.label,
593
+ .ui.orange.corner.label:hover {
534
594
  background-color: transparent !important;
535
595
  }
536
- .ui.black.ribbon.label {
537
- border-color: @blackRibbonShadow !important;
596
+
597
+ a.ui.orange.labels .label:hover,
598
+ a.ui.orange.label:hover{
599
+ background-color: @orangeHover !important;
600
+ border-color: @orangeHover !important;
601
+ color: @orangeHoverTextColor !important;
602
+ }
603
+ .ui.labels a.orange.label:hover:before,
604
+ .ui.orange.labels a.label:hover:before,
605
+ a.ui.orange.label:hover:before {
606
+ background-color: @orangeHover !important;
607
+ }
608
+ .ui.orange.ribbon.label {
609
+ border-color: @orangeRibbonShadow !important;
538
610
  }
539
611
 
540
- /*--- Blue ---*/
541
- .ui.blue.labels .label,
542
- .ui.blue.label {
543
- background-color: @blue !important;
544
- border-color: @blue !important;
545
- color: @invertedTextColor !important;
612
+ /*--- Yellow ---*/
613
+ .ui.yellow.labels .label,
614
+ .ui.yellow.label {
615
+ background-color: @yellow !important;
616
+ border-color: @yellow !important;
617
+ color: @yellowTextColor !important;
546
618
  }
547
- .ui.labels .blue.label:before,
548
- .ui.blue.labels .label:before,
549
- .ui.blue.label:before {
550
- background-color: @blue !important;
619
+ .ui.labels .yellow.label:before,
620
+ .ui.yellow.labels .label:before,
621
+ .ui.yellow.label:before {
622
+ background-color: @yellow !important;
551
623
  }
552
- a.ui.blue.labels .label:hover,
553
- .ui.blue.labels a.label:hover,
554
- a.ui.blue.label:hover {
555
- background-color: @blueHover !important;
556
- border-color: @blueHover !important;
557
- color: @invertedTextColor !important;
624
+ .ui.yellow.corner.label,
625
+ .ui.yellow.corner.label:hover {
626
+ background-color: transparent !important;
558
627
  }
559
- .ui.labels a.blue.label:hover:before,
560
- .ui.blue.labels a.label:hover:before,
561
- a.ui.blue.label:hover:before {
562
- background-color: @blueHover !important;
628
+
629
+ a.ui.yellow.labels .label:hover,
630
+ a.ui.yellow.label:hover{
631
+ background-color: @yellowHover !important;
632
+ border-color: @yellowHover !important;
633
+ color: @yellowHoverTextColor !important;
563
634
  }
564
- .ui.blue.corner.label,
565
- .ui.blue.corner.label:hover {
635
+ .ui.labels a.yellow.label:hover:before,
636
+ .ui.yellow.labels a.label:hover:before,
637
+ a.ui.yellow.label:hover:before {
638
+ background-color: @yellowHover !important;
639
+ }
640
+ .ui.yellow.ribbon.label {
641
+ border-color: @yellowRibbonShadow !important;
642
+ }
643
+
644
+ /*--- Olive ---*/
645
+ .ui.olive.labels .label,
646
+ .ui.olive.label {
647
+ background-color: @olive !important;
648
+ border-color: @olive !important;
649
+ color: @oliveTextColor !important;
650
+ }
651
+ .ui.labels .olive.label:before,
652
+ .ui.olive.labels .label:before,
653
+ .ui.olive.label:before {
654
+ background-color: @olive !important;
655
+ }
656
+ .ui.olive.corner.label,
657
+ .ui.olive.corner.label:hover {
566
658
  background-color: transparent !important;
567
659
  }
568
- .ui.blue.ribbon.label {
569
- border-color: @blueRibbonShadow !important;
660
+
661
+ a.ui.olive.labels .label:hover,
662
+ a.ui.olive.label:hover{
663
+ background-color: @oliveHover !important;
664
+ border-color: @oliveHover !important;
665
+ color: @oliveHoverTextColor !important;
666
+ }
667
+ .ui.labels a.olive.label:hover:before,
668
+ .ui.olive.labels a.label:hover:before,
669
+ a.ui.olive.label:hover:before {
670
+ background-color: @oliveHover !important;
671
+ }
672
+ .ui.olive.ribbon.label {
673
+ border-color: @greenRibbonShadow !important;
570
674
  }
571
675
 
572
676
  /*--- Green ---*/
@@ -574,95 +678,127 @@ a.ui.blue.label:hover:before {
574
678
  .ui.green.label {
575
679
  background-color: @green !important;
576
680
  border-color: @green !important;
577
- color: @invertedTextColor !important;
681
+ color: @greenTextColor !important;
578
682
  }
579
683
  .ui.labels .green.label:before,
580
684
  .ui.green.labels .label:before,
581
685
  .ui.green.label:before {
582
686
  background-color: @green !important;
583
687
  }
688
+ .ui.green.corner.label,
689
+ .ui.green.corner.label:hover {
690
+ background-color: transparent !important;
691
+ }
584
692
 
585
693
  a.ui.green.labels .label:hover,
586
- a.ui.green.label:hover {
694
+ a.ui.green.label:hover{
587
695
  background-color: @greenHover !important;
588
696
  border-color: @greenHover !important;
697
+ color: @greenHoverTextColor !important;
589
698
  }
590
699
  .ui.labels a.green.label:hover:before,
591
700
  .ui.green.labels a.label:hover:before,
592
701
  a.ui.green.label:hover:before {
593
702
  background-color: @greenHover !important;
594
703
  }
595
-
596
- .ui.green.corner.label,
597
- .ui.green.corner.label:hover {
598
- background-color: transparent !important;
599
- }
600
704
  .ui.green.ribbon.label {
601
705
  border-color: @greenRibbonShadow !important;
602
706
  }
603
707
 
604
- /*--- Orange ---*/
605
- .ui.orange.labels .label,
606
- .ui.orange.label {
607
- background-color: @orange !important;
608
- border-color: @orange !important;
609
- color: @invertedTextColor !important;
708
+ /*--- Teal ---*/
709
+ .ui.teal.labels .label,
710
+ .ui.teal.label {
711
+ background-color: @teal !important;
712
+ border-color: @teal !important;
713
+ color: @tealTextColor !important;
610
714
  }
611
- .ui.labels .orange.label:before,
612
- .ui.orange.labels .label:before,
613
- .ui.orange.label:before {
614
- background-color: @orange !important;
715
+ .ui.labels .teal.label:before,
716
+ .ui.teal.labels .label:before,
717
+ .ui.teal.label:before {
718
+ background-color: @teal !important;
615
719
  }
616
- a.ui.orange.labels .label:hover,
617
- .ui.orange.labels a.label:hover,
618
- a.ui.orange.label:hover {
619
- background-color: @orangeHover !important;
620
- border-color: @orangeHover !important;
621
- color: @invertedTextColor !important;
720
+ .ui.teal.corner.label,
721
+ .ui.teal.corner.label:hover {
722
+ background-color: transparent !important;
622
723
  }
623
- .ui.labels a.orange.label:hover:before,
624
- .ui.orange.labels a.label:hover:before,
625
- a.ui.orange.label:hover:before {
626
- background-color: @orangeHover !important;
724
+
725
+ a.ui.teal.labels .label:hover,
726
+ a.ui.teal.label:hover{
727
+ background-color: @tealHover !important;
728
+ border-color: @tealHover !important;
729
+ color: @tealHoverTextColor !important;
627
730
  }
628
- .ui.orange.corner.label,
629
- .ui.orange.corner.label:hover {
630
- background-color: transparent !important;
731
+ .ui.labels a.teal.label:hover:before,
732
+ .ui.teal.labels a.label:hover:before,
733
+ a.ui.teal.label:hover:before {
734
+ background-color: @tealHover !important;
631
735
  }
632
- .ui.orange.ribbon.label {
633
- border-color: @orangeRibbonShadow !important;
736
+ .ui.teal.ribbon.label {
737
+ border-color: @tealRibbonShadow !important;
634
738
  }
635
739
 
636
- /*--- Pink ---*/
637
- .ui.pink.labels .label,
638
- .ui.pink.label {
639
- background-color: @pink !important;
640
- border-color: @pink !important;
641
- color: @invertedTextColor !important;
740
+ /*--- Blue ---*/
741
+ .ui.blue.labels .label,
742
+ .ui.blue.label {
743
+ background-color: @blue !important;
744
+ border-color: @blue !important;
745
+ color: @blueTextColor !important;
642
746
  }
643
- .ui.labels .pink.label:before,
644
- .ui.pink.labels .label:before,
645
- .ui.pink.label:before {
646
- background-color: @pink !important;
747
+ .ui.labels .blue.label:before,
748
+ .ui.blue.labels .label:before,
749
+ .ui.blue.label:before {
750
+ background-color: @blue !important;
647
751
  }
648
- a.ui.pink.labels .label:hover,
649
- .ui.pink.labels a.label:hover,
650
- a.ui.pink.label:hover {
651
- background-color: @pinkHover !important;
652
- border-color: @pinkHover !important;
653
- color: @invertedTextColor !important;
752
+ .ui.blue.corner.label,
753
+ .ui.blue.corner.label:hover {
754
+ background-color: transparent !important;
654
755
  }
655
- .ui.labels a.pink.label:hover:before,
656
- .ui.pink.labels a.label:hover:before,
657
- a.ui.pink.label:hover:before {
658
- background-color: @pinkHover !important;
756
+
757
+ a.ui.blue.labels .label:hover,
758
+ a.ui.blue.label:hover{
759
+ background-color: @blueHover !important;
760
+ border-color: @blueHover !important;
761
+ color: @blueHoverTextColor !important;
659
762
  }
660
- .ui.pink.corner.label,
661
- .ui.pink.corner.label:hover {
763
+ .ui.labels a.blue.label:hover:before,
764
+ .ui.blue.labels a.label:hover:before,
765
+ a.ui.blue.label:hover:before {
766
+ background-color: @blueHover !important;
767
+ }
768
+ .ui.blue.ribbon.label {
769
+ border-color: @blueRibbonShadow !important;
770
+ }
771
+
772
+ /*--- Violet ---*/
773
+ .ui.violet.labels .label,
774
+ .ui.violet.label {
775
+ background-color: @violet !important;
776
+ border-color: @violet !important;
777
+ color: @violetTextColor !important;
778
+ }
779
+ .ui.labels .violet.label:before,
780
+ .ui.violet.labels .label:before,
781
+ .ui.violet.label:before {
782
+ background-color: @violet !important;
783
+ }
784
+ .ui.violet.corner.label,
785
+ .ui.violet.corner.label:hover {
662
786
  background-color: transparent !important;
663
787
  }
664
- .ui.pink.ribbon.label {
665
- border-color: @pinkRibbonShadow !important;
788
+
789
+ a.ui.violet.labels .label:hover,
790
+ a.ui.violet.label:hover{
791
+ background-color: @violetHover !important;
792
+ border-color: @violetHover !important;
793
+ color: @violetHoverTextColor !important;
794
+ }
795
+ .ui.labels a.violet.label:hover:before,
796
+ .ui.violet.labels a.label:hover:before,
797
+ a.ui.violet.label:hover:before {
798
+ background-color: @violetHover !important;
799
+ }
800
+ .ui.violet.ribbon.label {
801
+ border-color: @violetRibbonShadow !important;
666
802
  }
667
803
 
668
804
  /*--- Purple ---*/
@@ -670,128 +806,162 @@ a.ui.pink.label:hover:before {
670
806
  .ui.purple.label {
671
807
  background-color: @purple !important;
672
808
  border-color: @purple !important;
673
- color: @invertedTextColor !important;
809
+ color: @purpleTextColor !important;
674
810
  }
675
811
  .ui.labels .purple.label:before,
676
812
  .ui.purple.labels .label:before,
677
813
  .ui.purple.label:before {
678
814
  background-color: @purple !important;
679
815
  }
816
+ .ui.purple.corner.label,
817
+ .ui.purple.corner.label:hover {
818
+ background-color: transparent !important;
819
+ }
820
+
680
821
  a.ui.purple.labels .label:hover,
681
- .ui.purple.labels a.label:hover,
682
- a.ui.purple.label:hover {
822
+ a.ui.purple.label:hover{
683
823
  background-color: @purpleHover !important;
684
824
  border-color: @purpleHover !important;
685
- color: @invertedTextColor !important;
825
+ color: @purpleHoverTextColor !important;
686
826
  }
687
827
  .ui.labels a.purple.label:hover:before,
688
828
  .ui.purple.labels a.label:hover:before,
689
829
  a.ui.purple.label:hover:before {
690
830
  background-color: @purpleHover !important;
691
831
  }
692
- .ui.purple.corner.label,
693
- .ui.purple.corner.label:hover {
694
- background-color: transparent !important;
695
- }
696
832
  .ui.purple.ribbon.label {
697
833
  border-color: @purpleRibbonShadow !important;
698
834
  }
699
835
 
700
- /*--- Red ---*/
701
- .ui.red.labels .label,
702
- .ui.red.label {
703
- background-color: @red !important;
704
- border-color: @red !important;
705
- color: @invertedTextColor !important;
836
+ /*--- Pink ---*/
837
+ .ui.pink.labels .label,
838
+ .ui.pink.label {
839
+ background-color: @pink !important;
840
+ border-color: @pink !important;
841
+ color: @pinkTextColor !important;
706
842
  }
707
- .ui.labels .red.label:before,
708
- .ui.red.labels .label:before,
709
- .ui.red.label:before {
710
- background-color: @red !important;
843
+ .ui.labels .pink.label:before,
844
+ .ui.pink.labels .label:before,
845
+ .ui.pink.label:before {
846
+ background-color: @pink !important;
711
847
  }
712
- .ui.red.corner.label,
713
- .ui.red.corner.label:hover {
848
+ .ui.pink.corner.label,
849
+ .ui.pink.corner.label:hover {
714
850
  background-color: transparent !important;
715
851
  }
716
852
 
717
- a.ui.red.labels .label:hover,
718
- a.ui.red.label:hover{
719
- background-color: @redHover !important;
720
- border-color: @redHover !important;
721
- color: @invertedTextColor !important;
853
+ a.ui.pink.labels .label:hover,
854
+ a.ui.pink.label:hover{
855
+ background-color: @pinkHover !important;
856
+ border-color: @pinkHover !important;
857
+ color: @pinkHoverTextColor !important;
722
858
  }
723
- .ui.labels a.red.label:hover:before,
724
- .ui.red.labels a.label:hover:before,
725
- a.ui.red.label:hover:before {
726
- background-color: @redHover !important;
859
+ .ui.labels a.pink.label:hover:before,
860
+ .ui.pink.labels a.label:hover:before,
861
+ a.ui.pink.label:hover:before {
862
+ background-color: @pinkHover !important;
727
863
  }
728
- .ui.red.ribbon.label {
729
- border-color: @redRibbonShadow !important;
864
+ .ui.pink.ribbon.label {
865
+ border-color: @pinkRibbonShadow !important;
730
866
  }
731
867
 
732
- /*--- Teal ---*/
733
- .ui.teal.labels .label,
734
- .ui.teal.label {
735
- background-color: @teal !important;
736
- border-color: @teal !important;
737
- color: @invertedTextColor !important;
868
+ /*--- Brown ---*/
869
+ .ui.brown.labels .label,
870
+ .ui.brown.label {
871
+ background-color: @brown !important;
872
+ border-color: @brown !important;
873
+ color: @brownTextColor !important;
738
874
  }
739
- .ui.labels .teal.label:before,
740
- .ui.teal.labels .label:before,
741
- .ui.teal.label:before {
742
- background-color: @teal !important;
875
+ .ui.labels .brown.label:before,
876
+ .ui.brown.labels .label:before,
877
+ .ui.brown.label:before {
878
+ background-color: @brown !important;
743
879
  }
744
- a.ui.teal.labels .label:hover,
745
- .ui.teal.labels a.label:hover,
746
- a.ui.teal.label:hover {
747
- background-color: @tealHover !important;
748
- border-color: @tealHover !important;
749
- color: @invertedTextColor !important;
880
+ .ui.brown.corner.label,
881
+ .ui.brown.corner.label:hover {
882
+ background-color: transparent !important;
750
883
  }
751
- .ui.labels a.teal.label:hover:before,
752
- .ui.teal.labels a.label:hover:before,
753
- a.ui.teal.label:hover:before {
754
- background-color: @tealHover !important;
884
+
885
+ a.ui.brown.labels .label:hover,
886
+ a.ui.brown.label:hover{
887
+ background-color: @brownHover !important;
888
+ border-color: @brownHover !important;
889
+ color: @brownHoverTextColor !important;
755
890
  }
756
- .ui.teal.corner.label,
757
- .ui.teal.corner.label:hover {
758
- background-color: transparent !important;
891
+ .ui.labels a.brown.label:hover:before,
892
+ .ui.brown.labels a.label:hover:before,
893
+ a.ui.brown.label:hover:before {
894
+ background-color: @brownHover !important;
759
895
  }
760
- .ui.teal.ribbon.label {
761
- border-color: @tealRibbonShadow !important;
896
+ .ui.brown.ribbon.label {
897
+ border-color: @brownRibbonShadow !important;
762
898
  }
763
899
 
764
- /*--- Yellow ---*/
765
- .ui.yellow.labels .label,
766
- .ui.yellow.label {
767
- background-color: @yellow !important;
768
- border-color: @yellow !important;
769
- color: @invertedTextColor !important;
900
+ /*--- Grey ---*/
901
+ .ui.grey.labels .label,
902
+ .ui.grey.label {
903
+ background-color: @grey !important;
904
+ border-color: @grey !important;
905
+ color: @greyTextColor !important;
770
906
  }
771
- .ui.labels .yellow.label:before,
772
- .ui.yellow.labels .label:before,
773
- .ui.yellow.label:before {
774
- background-color: @yellow !important;
907
+ .ui.labels .grey.label:before,
908
+ .ui.grey.labels .label:before,
909
+ .ui.grey.label:before {
910
+ background-color: @grey !important;
775
911
  }
776
- a.ui.yellow.labels .label:hover,
777
- .ui.yellow.labels a.label:hover,
778
- a.ui.yellow.label:hover {
779
- background-color: @yellowHover !important;
780
- border-color: @yellowHover !important;
781
- color: @invertedTextColor !important;
912
+ .ui.grey.corner.label,
913
+ .ui.grey.corner.label:hover {
914
+ background-color: transparent !important;
782
915
  }
783
- .ui.labels a.yellow.label:hover:before,
784
- .ui.yellow.labels a.label:hover:before,
785
- a.ui.yellow.label:hover:before {
786
- background-color: @yellowHover !important;
916
+
917
+ a.ui.grey.labels .label:hover,
918
+ a.ui.grey.label:hover{
919
+ background-color: @greyHover !important;
920
+ border-color: @greyHover !important;
921
+ color: @greyHoverTextColor !important;
787
922
  }
788
- .ui.yellow.corner.label,
789
- .ui.yellow.corner.label:hover {
923
+ .ui.labels a.grey.label:hover:before,
924
+ .ui.grey.labels a.label:hover:before,
925
+ a.ui.grey.label:hover:before {
926
+ background-color: @greyHover !important;
927
+ }
928
+ .ui.grey.ribbon.label {
929
+ border-color: @greyRibbonShadow !important;
930
+ }
931
+
932
+ /*--- Black ---*/
933
+ .ui.black.labels .label,
934
+ .ui.black.label {
935
+ background-color: @black !important;
936
+ border-color: @black !important;
937
+ color: @blackTextColor !important;
938
+ }
939
+ .ui.labels .black.label:before,
940
+ .ui.black.labels .label:before,
941
+ .ui.black.label:before {
942
+ background-color: @black !important;
943
+ }
944
+ .ui.black.corner.label,
945
+ .ui.black.corner.label:hover {
790
946
  background-color: transparent !important;
791
947
  }
792
- .ui.yellow.ribbon.label {
793
- border-color: @yellowRibbonShadow !important;
948
+
949
+ a.ui.black.labels .label:hover,
950
+ a.ui.black.label:hover{
951
+ background-color: @blackHover !important;
952
+ border-color: @blackHover !important;
953
+ color: @blackHoverTextColor !important;
794
954
  }
955
+ .ui.labels a.black.label:hover:before,
956
+ .ui.black.labels a.label:hover:before,
957
+ a.ui.black.label:hover:before {
958
+ background-color: @blackHover !important;
959
+ }
960
+ .ui.black.ribbon.label {
961
+ border-color: @greyRibbonShadow !important;
962
+ }
963
+
964
+
795
965
 
796
966
  /*-------------------
797
967
  Fluid