less-rails-semantic_ui 1.0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (369) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +15 -0
  3. data/.travis.yml +13 -0
  4. data/Appraisals +7 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +65 -0
  8. data/Rakefile +9 -0
  9. data/assets/fonts/semantic_ui/themes/basic/assets/fonts/icons.eot +0 -0
  10. data/assets/fonts/semantic_ui/themes/basic/assets/fonts/icons.svg +450 -0
  11. data/assets/fonts/semantic_ui/themes/basic/assets/fonts/icons.ttf +0 -0
  12. data/assets/fonts/semantic_ui/themes/basic/assets/fonts/icons.woff +0 -0
  13. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.eot +0 -0
  14. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
  15. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg +504 -0
  16. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf +0 -0
  17. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff +0 -0
  18. data/assets/images/semantic_ui/themes/default/assets/images/flags.png +0 -0
  19. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +839 -0
  20. data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +272 -0
  21. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +795 -0
  22. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +690 -0
  23. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +951 -0
  24. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +516 -0
  25. data/assets/javascripts/semantic_ui/definitions/globals/site.js +487 -0
  26. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +504 -0
  27. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +469 -0
  28. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +626 -0
  29. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +1496 -0
  30. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +809 -0
  31. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +480 -0
  32. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +1050 -0
  33. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +652 -0
  34. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +451 -0
  35. data/assets/javascripts/semantic_ui/definitions/modules/search.js +886 -0
  36. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +830 -0
  37. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +976 -0
  38. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +768 -0
  39. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +801 -0
  40. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +865 -0
  41. data/assets/javascripts/semantic_ui/definitions/modules/video.js +539 -0
  42. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +128 -0
  43. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +839 -0
  44. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +1201 -0
  45. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +1600 -0
  46. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +448 -0
  47. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +877 -0
  48. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +2396 -0
  49. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +262 -0
  50. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +52 -0
  51. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +564 -0
  52. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +351 -0
  53. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +267 -0
  54. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +448 -0
  55. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +959 -0
  56. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +896 -0
  57. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +268 -0
  58. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +132 -0
  59. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +263 -0
  60. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +603 -0
  61. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +358 -0
  62. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +45 -0
  63. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +138 -0
  64. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +221 -0
  65. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +468 -0
  66. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +186 -0
  67. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +914 -0
  68. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +447 -0
  69. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +165 -0
  70. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +296 -0
  71. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +404 -0
  72. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +204 -0
  73. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +344 -0
  74. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +158 -0
  75. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +464 -0
  76. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +80 -0
  77. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +100 -0
  78. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +95 -0
  79. data/assets/stylesheets/semantic_ui/definitions/modules/video.less +131 -0
  80. data/assets/stylesheets/semantic_ui/definitions/views/ad.less +272 -0
  81. data/assets/stylesheets/semantic_ui/definitions/views/card.less +751 -0
  82. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +262 -0
  83. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +278 -0
  84. data/assets/stylesheets/semantic_ui/definitions/views/item.less +472 -0
  85. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +422 -0
  86. data/assets/stylesheets/semantic_ui/theme.less +48 -0
  87. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +46 -0
  88. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +57 -0
  89. data/assets/stylesheets/semantic_ui/themes/basic/collections/table.overrides +4 -0
  90. data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +10 -0
  91. data/assets/stylesheets/semantic_ui/themes/basic/elements/button.overrides +4 -0
  92. data/assets/stylesheets/semantic_ui/themes/basic/elements/button.variables +44 -0
  93. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.overrides +189 -0
  94. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.variables +5 -0
  95. data/assets/stylesheets/semantic_ui/themes/basic/elements/step.overrides +7 -0
  96. data/assets/stylesheets/semantic_ui/themes/basic/elements/step.variables +10 -0
  97. data/assets/stylesheets/semantic_ui/themes/basic/globals/reset.overrides +5 -0
  98. data/assets/stylesheets/semantic_ui/themes/basic/globals/reset.variables +3 -0
  99. data/assets/stylesheets/semantic_ui/themes/basic/modules/progress.overrides +3 -0
  100. data/assets/stylesheets/semantic_ui/themes/basic/modules/progress.variables +15 -0
  101. data/assets/stylesheets/semantic_ui/themes/basic/views/card.overrides +4 -0
  102. data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +34 -0
  103. data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.overrides +15 -0
  104. data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +37 -0
  105. data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.overrides +0 -0
  106. data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +63 -0
  107. data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
  108. data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.variables +9 -0
  109. data/assets/stylesheets/semantic_ui/themes/chubby/elements/button.overrides +21 -0
  110. data/assets/stylesheets/semantic_ui/themes/chubby/elements/button.variables +57 -0
  111. data/assets/stylesheets/semantic_ui/themes/chubby/elements/header.overrides +5 -0
  112. data/assets/stylesheets/semantic_ui/themes/chubby/elements/header.variables +21 -0
  113. data/assets/stylesheets/semantic_ui/themes/chubby/modules/accordion.overrides +7 -0
  114. data/assets/stylesheets/semantic_ui/themes/chubby/modules/accordion.variables +15 -0
  115. data/assets/stylesheets/semantic_ui/themes/chubby/views/comment.overrides +12 -0
  116. data/assets/stylesheets/semantic_ui/themes/chubby/views/comment.variables +46 -0
  117. data/assets/stylesheets/semantic_ui/themes/classic/collections/table.overrides +3 -0
  118. data/assets/stylesheets/semantic_ui/themes/classic/collections/table.variables +14 -0
  119. data/assets/stylesheets/semantic_ui/themes/classic/elements/button.overrides +3 -0
  120. data/assets/stylesheets/semantic_ui/themes/classic/elements/button.variables +96 -0
  121. data/assets/stylesheets/semantic_ui/themes/classic/elements/header.overrides +3 -0
  122. data/assets/stylesheets/semantic_ui/themes/classic/elements/header.variables +12 -0
  123. data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.overrides +3 -0
  124. data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +8 -0
  125. data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +98 -0
  126. data/assets/stylesheets/semantic_ui/themes/classic/views/card.variables +22 -0
  127. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +3 -0
  128. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +43 -0
  129. data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +3 -0
  130. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +189 -0
  131. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +4 -0
  132. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +93 -0
  133. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +3 -0
  134. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +322 -0
  135. data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +3 -0
  136. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +88 -0
  137. data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +3 -0
  138. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +228 -0
  139. data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +3 -0
  140. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +260 -0
  141. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +3 -0
  142. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +54 -0
  143. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +979 -0
  144. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.variables +13 -0
  145. data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +4 -0
  146. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +126 -0
  147. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +661 -0
  148. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +34 -0
  149. data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +3 -0
  150. data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +42 -0
  151. data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +3 -0
  152. data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +114 -0
  153. data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +3 -0
  154. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +164 -0
  155. data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +3 -0
  156. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +204 -0
  157. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +3 -0
  158. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +61 -0
  159. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +3 -0
  160. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +24 -0
  161. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +3 -0
  162. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +15 -0
  163. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +3 -0
  164. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +100 -0
  165. data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +16 -0
  166. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +94 -0
  167. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +434 -0
  168. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.variables +3 -0
  169. data/assets/stylesheets/semantic_ui/themes/default/globals/site.overrides +3 -0
  170. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +599 -0
  171. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +28 -0
  172. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +101 -0
  173. data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +3 -0
  174. data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.variables +3 -0
  175. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +33 -0
  176. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +139 -0
  177. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +3 -0
  178. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +51 -0
  179. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +57 -0
  180. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +237 -0
  181. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +3 -0
  182. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +147 -0
  183. data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +3 -0
  184. data/assets/stylesheets/semantic_ui/themes/default/modules/nag.variables +74 -0
  185. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +3 -0
  186. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +95 -0
  187. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.overrides +3 -0
  188. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +99 -0
  189. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +69 -0
  190. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +65 -0
  191. data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +3 -0
  192. data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +140 -0
  193. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +3 -0
  194. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +35 -0
  195. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +3 -0
  196. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +39 -0
  197. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +3 -0
  198. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +12 -0
  199. data/assets/stylesheets/semantic_ui/themes/default/modules/tab.overrides +3 -0
  200. data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +13 -0
  201. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +445 -0
  202. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.variables +10 -0
  203. data/assets/stylesheets/semantic_ui/themes/default/modules/video.overrides +3 -0
  204. data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +16 -0
  205. data/assets/stylesheets/semantic_ui/themes/default/views/ad.overrides +3 -0
  206. data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +13 -0
  207. data/assets/stylesheets/semantic_ui/themes/default/views/card.overrides +3 -0
  208. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +185 -0
  209. data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +3 -0
  210. data/assets/stylesheets/semantic_ui/themes/default/views/comment.variables +104 -0
  211. data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +3 -0
  212. data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +149 -0
  213. data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +3 -0
  214. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +152 -0
  215. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +3 -0
  216. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +97 -0
  217. data/assets/stylesheets/semantic_ui/themes/duo/elements/loader.overrides +3 -0
  218. data/assets/stylesheets/semantic_ui/themes/duo/elements/loader.variables +6 -0
  219. data/assets/stylesheets/semantic_ui/themes/fixed-width/collections/grid.overrides +3 -0
  220. data/assets/stylesheets/semantic_ui/themes/fixed-width/collections/grid.variables +25 -0
  221. data/assets/stylesheets/semantic_ui/themes/fixed-width/modules/modal.overrides +3 -0
  222. data/assets/stylesheets/semantic_ui/themes/fixed-width/modules/modal.variables +37 -0
  223. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +24 -0
  224. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +74 -0
  225. data/assets/stylesheets/semantic_ui/themes/flat/globals/site.overrides +3 -0
  226. data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +106 -0
  227. data/assets/stylesheets/semantic_ui/themes/github/collections/form.overrides +16 -0
  228. data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +40 -0
  229. data/assets/stylesheets/semantic_ui/themes/github/collections/menu.overrides +7 -0
  230. data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +66 -0
  231. data/assets/stylesheets/semantic_ui/themes/github/collections/message.overrides +11 -0
  232. data/assets/stylesheets/semantic_ui/themes/github/collections/message.variables +29 -0
  233. data/assets/stylesheets/semantic_ui/themes/github/elements/button.overrides +4 -0
  234. data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +77 -0
  235. data/assets/stylesheets/semantic_ui/themes/github/elements/segment.overrides +3 -0
  236. data/assets/stylesheets/semantic_ui/themes/github/elements/segment.variables +41 -0
  237. data/assets/stylesheets/semantic_ui/themes/github/elements/step.overrides +26 -0
  238. data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +20 -0
  239. data/assets/stylesheets/semantic_ui/themes/gmail/collections/message.overrides +0 -0
  240. data/assets/stylesheets/semantic_ui/themes/gmail/collections/message.variables +15 -0
  241. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +23 -0
  242. data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +87 -0
  243. data/assets/stylesheets/semantic_ui/themes/material/elements/header.overrides +15 -0
  244. data/assets/stylesheets/semantic_ui/themes/material/elements/header.variables +21 -0
  245. data/assets/stylesheets/semantic_ui/themes/material/globals/site.overrides +0 -0
  246. data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +119 -0
  247. data/assets/stylesheets/semantic_ui/themes/material/modules/modal.overrides +6 -0
  248. data/assets/stylesheets/semantic_ui/themes/material/modules/modal.variables +15 -0
  249. data/assets/stylesheets/semantic_ui/themes/pulsar/elements/loader.overrides +70 -0
  250. data/assets/stylesheets/semantic_ui/themes/pulsar/elements/loader.variables +7 -0
  251. data/assets/stylesheets/semantic_ui/themes/raised/elements/button.overrides +3 -0
  252. data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +26 -0
  253. data/assets/stylesheets/semantic_ui/themes/resetcss/globals/reset.overrides +52 -0
  254. data/assets/stylesheets/semantic_ui/themes/resetcss/globals/reset.variables +3 -0
  255. data/assets/stylesheets/semantic_ui/themes/round/elements/button.overrides +0 -0
  256. data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +138 -0
  257. data/assets/stylesheets/semantic_ui/themes/striped/modules/progress.overrides +29 -0
  258. data/assets/stylesheets/semantic_ui/themes/striped/modules/progress.variables +3 -0
  259. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +35 -0
  260. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +40 -0
  261. data/assets/stylesheets/semantic_ui/themes/twitter/elements/button.overrides +13 -0
  262. data/assets/stylesheets/semantic_ui/themes/twitter/elements/button.variables +45 -0
  263. data/less-rails-semantic_ui.gemspec +28 -0
  264. data/lib/generators/semantic_ui/install/install_generator.rb +20 -0
  265. data/lib/generators/semantic_ui/install/templates/config/collections/breadcrumb.overrides +3 -0
  266. data/lib/generators/semantic_ui/install/templates/config/collections/breadcrumb.variables +3 -0
  267. data/lib/generators/semantic_ui/install/templates/config/collections/form.overrides +3 -0
  268. data/lib/generators/semantic_ui/install/templates/config/collections/form.variables +3 -0
  269. data/lib/generators/semantic_ui/install/templates/config/collections/grid.overrides +3 -0
  270. data/lib/generators/semantic_ui/install/templates/config/collections/grid.variables +3 -0
  271. data/lib/generators/semantic_ui/install/templates/config/collections/menu.overrides +3 -0
  272. data/lib/generators/semantic_ui/install/templates/config/collections/menu.variables +3 -0
  273. data/lib/generators/semantic_ui/install/templates/config/collections/message.overrides +3 -0
  274. data/lib/generators/semantic_ui/install/templates/config/collections/message.variables +3 -0
  275. data/lib/generators/semantic_ui/install/templates/config/collections/table.overrides +3 -0
  276. data/lib/generators/semantic_ui/install/templates/config/collections/table.variables +3 -0
  277. data/lib/generators/semantic_ui/install/templates/config/elements/button.overrides +3 -0
  278. data/lib/generators/semantic_ui/install/templates/config/elements/button.variables +3 -0
  279. data/lib/generators/semantic_ui/install/templates/config/elements/divider.overrides +3 -0
  280. data/lib/generators/semantic_ui/install/templates/config/elements/divider.variables +3 -0
  281. data/lib/generators/semantic_ui/install/templates/config/elements/flag.overrides +3 -0
  282. data/lib/generators/semantic_ui/install/templates/config/elements/flag.variables +3 -0
  283. data/lib/generators/semantic_ui/install/templates/config/elements/header.overrides +3 -0
  284. data/lib/generators/semantic_ui/install/templates/config/elements/header.variables +3 -0
  285. data/lib/generators/semantic_ui/install/templates/config/elements/icon.overrides +3 -0
  286. data/lib/generators/semantic_ui/install/templates/config/elements/icon.variables +3 -0
  287. data/lib/generators/semantic_ui/install/templates/config/elements/image.overrides +3 -0
  288. data/lib/generators/semantic_ui/install/templates/config/elements/image.variables +3 -0
  289. data/lib/generators/semantic_ui/install/templates/config/elements/input.overrides +3 -0
  290. data/lib/generators/semantic_ui/install/templates/config/elements/input.variables +3 -0
  291. data/lib/generators/semantic_ui/install/templates/config/elements/label.overrides +3 -0
  292. data/lib/generators/semantic_ui/install/templates/config/elements/label.variables +3 -0
  293. data/lib/generators/semantic_ui/install/templates/config/elements/list.overrides +3 -0
  294. data/lib/generators/semantic_ui/install/templates/config/elements/list.variables +3 -0
  295. data/lib/generators/semantic_ui/install/templates/config/elements/loader.overrides +3 -0
  296. data/lib/generators/semantic_ui/install/templates/config/elements/loader.variables +3 -0
  297. data/lib/generators/semantic_ui/install/templates/config/elements/rail.overrides +3 -0
  298. data/lib/generators/semantic_ui/install/templates/config/elements/rail.variables +3 -0
  299. data/lib/generators/semantic_ui/install/templates/config/elements/reveal.overrides +3 -0
  300. data/lib/generators/semantic_ui/install/templates/config/elements/reveal.variables +3 -0
  301. data/lib/generators/semantic_ui/install/templates/config/elements/segment.overrides +3 -0
  302. data/lib/generators/semantic_ui/install/templates/config/elements/segment.variables +3 -0
  303. data/lib/generators/semantic_ui/install/templates/config/elements/step.overrides +3 -0
  304. data/lib/generators/semantic_ui/install/templates/config/elements/step.variables +3 -0
  305. data/lib/generators/semantic_ui/install/templates/config/globals/reset.overrides +3 -0
  306. data/lib/generators/semantic_ui/install/templates/config/globals/reset.variables +3 -0
  307. data/lib/generators/semantic_ui/install/templates/config/globals/site.overrides +3 -0
  308. data/lib/generators/semantic_ui/install/templates/config/globals/site.variables +3 -0
  309. data/lib/generators/semantic_ui/install/templates/config/modules/accordion.overrides +3 -0
  310. data/lib/generators/semantic_ui/install/templates/config/modules/accordion.variables +3 -0
  311. data/lib/generators/semantic_ui/install/templates/config/modules/chatroom.overrides +3 -0
  312. data/lib/generators/semantic_ui/install/templates/config/modules/chatroom.variables +3 -0
  313. data/lib/generators/semantic_ui/install/templates/config/modules/checkbox.overrides +3 -0
  314. data/lib/generators/semantic_ui/install/templates/config/modules/checkbox.variables +3 -0
  315. data/lib/generators/semantic_ui/install/templates/config/modules/dimmer.overrides +3 -0
  316. data/lib/generators/semantic_ui/install/templates/config/modules/dimmer.variables +3 -0
  317. data/lib/generators/semantic_ui/install/templates/config/modules/dropdown.overrides +3 -0
  318. data/lib/generators/semantic_ui/install/templates/config/modules/dropdown.variables +3 -0
  319. data/lib/generators/semantic_ui/install/templates/config/modules/modal.overrides +3 -0
  320. data/lib/generators/semantic_ui/install/templates/config/modules/modal.variables +3 -0
  321. data/lib/generators/semantic_ui/install/templates/config/modules/nag.overrides +3 -0
  322. data/lib/generators/semantic_ui/install/templates/config/modules/nag.variables +3 -0
  323. data/lib/generators/semantic_ui/install/templates/config/modules/popup.overrides +3 -0
  324. data/lib/generators/semantic_ui/install/templates/config/modules/popup.variables +3 -0
  325. data/lib/generators/semantic_ui/install/templates/config/modules/progress.overrides +3 -0
  326. data/lib/generators/semantic_ui/install/templates/config/modules/progress.variables +3 -0
  327. data/lib/generators/semantic_ui/install/templates/config/modules/rating.overrides +3 -0
  328. data/lib/generators/semantic_ui/install/templates/config/modules/rating.variables +3 -0
  329. data/lib/generators/semantic_ui/install/templates/config/modules/search.overrides +3 -0
  330. data/lib/generators/semantic_ui/install/templates/config/modules/search.variables +3 -0
  331. data/lib/generators/semantic_ui/install/templates/config/modules/shape.overrides +3 -0
  332. data/lib/generators/semantic_ui/install/templates/config/modules/shape.variables +3 -0
  333. data/lib/generators/semantic_ui/install/templates/config/modules/sidebar.overrides +3 -0
  334. data/lib/generators/semantic_ui/install/templates/config/modules/sidebar.variables +3 -0
  335. data/lib/generators/semantic_ui/install/templates/config/modules/sticky.overrides +3 -0
  336. data/lib/generators/semantic_ui/install/templates/config/modules/sticky.variables +3 -0
  337. data/lib/generators/semantic_ui/install/templates/config/modules/tab.overrides +3 -0
  338. data/lib/generators/semantic_ui/install/templates/config/modules/tab.variables +3 -0
  339. data/lib/generators/semantic_ui/install/templates/config/modules/transition.overrides +3 -0
  340. data/lib/generators/semantic_ui/install/templates/config/modules/transition.variables +3 -0
  341. data/lib/generators/semantic_ui/install/templates/config/modules/video.overrides +3 -0
  342. data/lib/generators/semantic_ui/install/templates/config/modules/video.variables +0 -0
  343. data/lib/generators/semantic_ui/install/templates/config/views/ad.overrides +3 -0
  344. data/lib/generators/semantic_ui/install/templates/config/views/ad.variables +3 -0
  345. data/lib/generators/semantic_ui/install/templates/config/views/card.overrides +3 -0
  346. data/lib/generators/semantic_ui/install/templates/config/views/card.variables +3 -0
  347. data/lib/generators/semantic_ui/install/templates/config/views/comment.overrides +3 -0
  348. data/lib/generators/semantic_ui/install/templates/config/views/comment.variables +3 -0
  349. data/lib/generators/semantic_ui/install/templates/config/views/feed.overrides +3 -0
  350. data/lib/generators/semantic_ui/install/templates/config/views/feed.variables +3 -0
  351. data/lib/generators/semantic_ui/install/templates/config/views/item.overrides +3 -0
  352. data/lib/generators/semantic_ui/install/templates/config/views/item.variables +3 -0
  353. data/lib/generators/semantic_ui/install/templates/config/views/statistic.overrides +3 -0
  354. data/lib/generators/semantic_ui/install/templates/config/views/statistic.variables +3 -0
  355. data/lib/generators/semantic_ui/install/templates/semantic_ui.css +52 -0
  356. data/lib/generators/semantic_ui/install/templates/semantic_ui.js +27 -0
  357. data/lib/generators/semantic_ui/install/templates/theme.config +87 -0
  358. data/lib/less/rails/semantic_ui.rb +2 -0
  359. data/lib/less/rails/semantic_ui/engine.rb +18 -0
  360. data/spec/dummy_app/.gitignore +1 -0
  361. data/spec/dummy_app/app/assets/javascripts/application.js +1 -0
  362. data/spec/dummy_app/app/assets/stylesheets/application.css +4 -0
  363. data/spec/dummy_app/init.rb +20 -0
  364. data/spec/generators/install_generator_spec.rb +80 -0
  365. data/spec/spec_helper.rb +1 -0
  366. data/tasks/templates/semantic_ui.css.erb +11 -0
  367. data/tasks/templates/semantic_ui.js.erb +7 -0
  368. data/tasks/update.rake +245 -0
  369. metadata +547 -0
@@ -0,0 +1,448 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/elements/input.overrides
4
+ *= depend_on semantic_ui/config/elements/input.variables
5
+ */
6
+
7
+ /*
8
+ * # Semantic - Input
9
+ * http://github.com/semantic-org/semantic-ui/
10
+ *
11
+ *
12
+ * Copyright 2014 Contributor
13
+ * Released under the MIT license
14
+ * http://opensource.org/licenses/MIT
15
+ *
16
+ */
17
+
18
+ /*******************************
19
+ Theme
20
+ *******************************/
21
+
22
+ @type : 'element';
23
+ @element : 'input';
24
+
25
+ @import 'semantic_ui/theme.config';
26
+
27
+
28
+ /*******************************
29
+ Standard
30
+ *******************************/
31
+
32
+
33
+ /*--------------------
34
+ Inputs
35
+ ---------------------*/
36
+
37
+ .ui.input {
38
+ display: inline-block;
39
+ position: relative;
40
+ color: @inputColor;
41
+ }
42
+ .ui.input input {
43
+ margin: 0em;
44
+ width: 100%;
45
+ outline: none;
46
+ text-align: @textAlign;
47
+ line-height: @lineHeight;
48
+
49
+ font-family: @pageFont;
50
+ padding: @padding;
51
+
52
+ background: @background;
53
+ border: @border;
54
+ color: @inputColor;
55
+ border-radius: @borderRadius;
56
+ transition: @transition;
57
+
58
+ box-shadow: @boxShadow;
59
+ box-sizing: border-box;
60
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
61
+ }
62
+
63
+
64
+ /*--------------------
65
+ Placeholder
66
+ ---------------------*/
67
+
68
+ /* browsers require these rules separate */
69
+ .ui.input input::-webkit-input-placeholder {
70
+ color: @placeholderColor;
71
+ }
72
+ .ui.input input::-moz-placeholder {
73
+ color: @placeholderColor;
74
+ }
75
+
76
+
77
+ /*******************************
78
+ States
79
+ *******************************/
80
+
81
+ /*--------------------
82
+ Active
83
+ ---------------------*/
84
+
85
+ .ui.input input:active,
86
+ .ui.input.down input {
87
+ border-color: @downBorderColor;
88
+ background: @downBackground;
89
+ color: @downColor;
90
+ box-shadow: @downBoxShadow;
91
+ }
92
+
93
+ /*--------------------
94
+ Loading
95
+ ---------------------*/
96
+
97
+ .ui.loading.loading.input > .icon:before {
98
+ position: absolute;
99
+ content: '';
100
+ top: 50%;
101
+ left: 50%;
102
+
103
+ margin: @loaderMargin;
104
+ width: @loaderSize;
105
+ height: @loaderSize;
106
+
107
+ border-radius: @circularRadius;
108
+ border: @loaderLineWidth solid @loaderFillColor;
109
+ }
110
+ .ui.loading.loading.input > .icon:after {
111
+ position: absolute;
112
+ content: '';
113
+ top: 50%;
114
+ left: 50%;
115
+
116
+ margin: @loaderMargin;
117
+ width: @loaderSize;
118
+ height: @loaderSize;
119
+
120
+ animation: button-spin @loaderSpeed linear;
121
+ animation-iteration-count: infinite;
122
+
123
+ border-radius: @circularRadius;
124
+
125
+ border-color: @loaderLineColor transparent transparent;
126
+ border-style: solid;
127
+ border-width: @loaderLineWidth;
128
+
129
+ box-shadow: 0px 0px 0px 1px transparent;
130
+ }
131
+
132
+
133
+ /*--------------------
134
+ Focus
135
+ ---------------------*/
136
+
137
+ .ui.input.focus input,
138
+ .ui.input input:focus {
139
+ border-color: @focusBorderColor;
140
+ background: @focusBackground;
141
+ color: @focusColor;
142
+ box-shadow: @focusBoxShadow;
143
+ }
144
+ .ui.input.focus input input::-webkit-input-placeholder,
145
+ .ui.input input:focus input::-webkit-input-placeholder {
146
+ color: @placeholderFocusColor;
147
+ }
148
+ .ui.input.focus input input::-moz-placeholder,
149
+ .ui.input input:focus input::-moz-placeholder {
150
+ color: @placeholderFocusColor;
151
+ }
152
+
153
+
154
+ /*--------------------
155
+ Error
156
+ ---------------------*/
157
+
158
+ .ui.input.error input {
159
+ background-color: @errorBackground;
160
+ border-color: @errorBorder;
161
+ color: @errorColor;
162
+ box-shadow: @errorBoxShadow;
163
+ }
164
+
165
+ /* Error Placeholder */
166
+ .ui.input.error input ::-webkit-input-placeholder {
167
+ color: @placeholderErrorColor;
168
+ }
169
+ .ui.input.error input ::-moz-placeholder {
170
+ color: @placeholderErrorColor;
171
+ }
172
+
173
+ /* Focused Error Placeholder */
174
+ .ui.input.error input :focus::-webkit-input-placeholder {
175
+ color: @placeholderErrorFocusColor;
176
+ }
177
+ .ui.input.error input :focus::-moz-placeholder {
178
+ color: @placeholderErrorFocusColor;
179
+ }
180
+
181
+ /*******************************
182
+ Variations
183
+ *******************************/
184
+
185
+ /*--------------------
186
+ Transparent
187
+ ---------------------*/
188
+
189
+ .ui.transparent.input input {
190
+ border-color: transparent;
191
+ background-color: transparent;
192
+ padding: 0em;
193
+ }
194
+
195
+ /*--------------------
196
+ Icon
197
+ ---------------------*/
198
+
199
+ .ui.icon.input > .icon {
200
+ cursor: default;
201
+ position: absolute;
202
+ opacity: @iconOpacity;
203
+ top: 0px;
204
+ right: 0px;
205
+
206
+ margin: 0em;
207
+ width: @iconWidth;
208
+ height: 100%;
209
+
210
+ text-align: center;
211
+
212
+ border-radius: 0em @borderRadius @borderRadius 0em;
213
+ box-sizing: border-box;
214
+ transition: @iconTransition;
215
+ }
216
+ .ui.icon.input > .icon:before,
217
+ .ui.icon.input > .icon:after {
218
+ left: 0;
219
+ position: absolute;
220
+ text-align: center;
221
+ top: 50%;
222
+ width: 100%;
223
+ margin-top: @iconOffset;
224
+ }
225
+ .ui.icon.input > .link.icon {
226
+ cursor: pointer;
227
+ }
228
+ .ui.icon.input input {
229
+ padding-right: @iconMargin !important;
230
+ }
231
+ .ui.icon.input > .circular.icon {
232
+ top: @circularIconVerticalOffset;
233
+ right: @circularIconHorizontalOffset;
234
+ }
235
+
236
+ /* Left Icon Input */
237
+ .ui[class*="left icon"].input > .icon {
238
+ right: auto;
239
+ left: @borderWidth;
240
+ border-radius: @borderRadius 0em 0em @borderRadius;
241
+ }
242
+ .ui[class*="left icon"].input > .circular.icon {
243
+ right: auto;
244
+ left: @circularIconHorizontalOffset;
245
+ }
246
+ .ui[class*="left icon"].input > input {
247
+ padding-left: @iconMargin !important;
248
+ padding-right: @horizontalPadding !important;
249
+ }
250
+
251
+ /* Transparent Icon */
252
+ .ui.transparent.icon.input > .icon {
253
+ width: @transparentIconWidth;
254
+ }
255
+ .ui.transparent.icon.input > input {
256
+ padding-left: 0em !important;
257
+ padding-right: @transparentIconMargin !important;
258
+ }
259
+ .ui.transparent[class*="left icon"].input > input {
260
+ padding-left: 0em !important;
261
+ padding-left: @transparentIconMargin !important;
262
+ }
263
+
264
+ /* Focus */
265
+ .ui.icon.input > input:focus ~ .icon {
266
+ opacity: 1;
267
+ }
268
+
269
+ /*--------------------
270
+ Labeled
271
+ ---------------------*/
272
+
273
+ /* Adjacent Label */
274
+ .ui.labeled.input {
275
+ display: table;
276
+ }
277
+ .ui.labeled.input > input {
278
+ display: table-cell;
279
+ vertical-align: top;
280
+ }
281
+ .ui.labeled.input > .label {
282
+ display: table-cell;
283
+ vertical-align: middle;
284
+ white-space: nowrap;
285
+ font-size: 1em;
286
+ }
287
+ .ui.labeled.input > .label > .icon {
288
+ display: inline;
289
+ vertical-align: top;
290
+ }
291
+
292
+ /* Fluid Labeled */
293
+ .ui.fluid.labeled.input {
294
+ display: table;
295
+ width: 100%;
296
+ }
297
+ .ui.fluid.labeled.input > .label {
298
+ width: 0.01%;
299
+ }
300
+
301
+ /* Label on Left */
302
+ .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
303
+ border-left: none;
304
+ border-top-left-radius: 0px;
305
+ border-bottom-left-radius: 0px;
306
+ }
307
+ .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
308
+ border-top-right-radius: 0px;
309
+ border-bottom-right-radius: 0px;
310
+ }
311
+
312
+ /* Label on Right */
313
+ .ui[class*="right labeled"].input > input {
314
+ border-right: none;
315
+ border-top-right-radius: 0px !important;
316
+ border-bottom-right-radius: 0px !important;
317
+ }
318
+ .ui[class*="right labeled"].input > .label {
319
+ border-top-left-radius: 0px;
320
+ border-bottom-left-radius: 0px;
321
+ }
322
+
323
+
324
+ /* Corner Label */
325
+ .ui.labeled.input .corner.label {
326
+ top: @labelCornerTop;
327
+ right: @labelCornerRight;
328
+ font-size: @labelCornerSize;
329
+ border-radius: 0em @borderRadius 0em 0em;
330
+ }
331
+ .ui.labeled.input input {
332
+ padding-right: @labeledMargin !important;
333
+ }
334
+
335
+ /* Spacing with corner label */
336
+ .ui[class*="corner labeled"].input {
337
+ display: inline-block;
338
+ }
339
+ .ui[class*="corner labeled"].input > input {
340
+ display: block;
341
+ }
342
+ .ui[class*="corner labeled"].icon.input:not(.left) > input {
343
+ padding-right: @labeledIconInputMargin !important;
344
+ }
345
+ .ui[class*="corner labeled"].icon.input:not(.left) > .icon {
346
+ margin-right: @labeledIconMargin;
347
+ }
348
+
349
+ /*--------------------
350
+ Action
351
+ ---------------------*/
352
+
353
+ .ui.action.input {
354
+ display: table;
355
+ }
356
+
357
+ .ui.action.input > input {
358
+ display: table-cell;
359
+ vertical-align: top;
360
+ }
361
+ .ui.action.input > .button,
362
+ .ui.action.input > .buttons {
363
+ display: table-cell;
364
+ vertical-align: middle;
365
+ white-space: nowrap;
366
+ }
367
+ .ui.action.input > .button > .icon,
368
+ .ui.action.input > .buttons > .button > .icon {
369
+ display: inline;
370
+ vertical-align: top;
371
+ }
372
+
373
+ .ui.fluid.action.input {
374
+ display: table;
375
+ width: 100%;
376
+ }
377
+ .ui.fluid.action.input > .button {
378
+ width: 0.01%;
379
+ }
380
+
381
+ /* Button on Right */
382
+ .ui.action.input:not([class*="left action"]) > input {
383
+ border-right: none;
384
+ border-top-right-radius: 0px !important;
385
+ border-bottom-right-radius: 0px !important;
386
+ }
387
+ .ui.action.input:not([class*="left action"]) > .button,
388
+ .ui.action.input:not([class*="left action"]) > .buttons {
389
+ border-top-left-radius: 0px;
390
+ border-bottom-left-radius: 0px;
391
+ }
392
+
393
+ /* Button on Left */
394
+ .ui[class*="left action"].input > .button,
395
+ .ui[class*="left action"].input > .buttons {
396
+ border-top-right-radius: 0px;
397
+ border-bottom-right-radius: 0px;
398
+ }
399
+ .ui[class*="left action"].input > input {
400
+ border-left: none;
401
+ border-top-left-radius: 0px;
402
+ border-bottom-left-radius: 0px;
403
+ }
404
+
405
+ /*--------------------
406
+ Inverted
407
+ ---------------------*/
408
+
409
+ .ui.inverted.input input {
410
+ border: none;
411
+ }
412
+
413
+ /*--------------------
414
+ Fluid
415
+ ---------------------*/
416
+
417
+ .ui.fluid.input {
418
+ display: block;
419
+ }
420
+
421
+
422
+ /*--------------------
423
+ Size
424
+ ---------------------*/
425
+
426
+ .ui.mini.input {
427
+ font-size: @mini;
428
+ }
429
+ .ui.small.input {
430
+ font-size: @small;
431
+ }
432
+ .ui.input {
433
+ font-size: @medium;
434
+ }
435
+ .ui.large.input {
436
+ font-size: @large;
437
+ }
438
+ .ui.big.input {
439
+ font-size: @big;
440
+ }
441
+ .ui.huge.input {
442
+ font-size: @huge;
443
+ }
444
+ .ui.massive.input {
445
+ font-size: @massive;
446
+ }
447
+
448
+ .loadUIOverrides();
@@ -0,0 +1,959 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/elements/label.overrides
4
+ *= depend_on semantic_ui/config/elements/label.variables
5
+ */
6
+
7
+ /*
8
+ * # Semantic - Label
9
+ * http://github.com/semantic-org/semantic-ui/
10
+ *
11
+ *
12
+ * Copyright 2014 Contributor
13
+ * Released under the MIT license
14
+ * http://opensource.org/licenses/MIT
15
+ *
16
+ */
17
+
18
+ /*******************************
19
+ Theme
20
+ *******************************/
21
+
22
+ @type : 'element';
23
+ @element : 'label';
24
+
25
+ @import 'semantic_ui/theme.config';
26
+
27
+
28
+ /*******************************
29
+ Label
30
+ *******************************/
31
+
32
+ .ui.label {
33
+ display: inline-block;
34
+ vertical-align: @verticalAlign;
35
+ line-height: 1;
36
+
37
+ margin: @verticalMargin @horizontalMargin;
38
+
39
+ background-color: @backgroundColor;
40
+ border-color: @backgroundColor;
41
+
42
+ background-image: @backgroundImage;
43
+
44
+ padding: @verticalPadding @horizontalPadding;
45
+ color: @labelTextColor;
46
+
47
+ text-transform: @textTransform;
48
+ font-weight: @fontWeight;
49
+
50
+ border-radius: @borderRadius;
51
+ box-sizing: border-box;
52
+ transition: @transition;
53
+ }
54
+
55
+ .ui.label:first-child {
56
+ margin-left: 0em;
57
+ }
58
+ .ui.label:last-child {
59
+ margin-right: 0em;
60
+ }
61
+
62
+
63
+ /* Link */
64
+ a.ui.label {
65
+ cursor: pointer;
66
+ }
67
+
68
+ /* Inside Link */
69
+ .ui.label a {
70
+ cursor: pointer;
71
+ color: inherit;
72
+ opacity: @linkOpacity;
73
+ transition: @linkTransition;
74
+ }
75
+ .ui.label a:hover {
76
+ opacity: 1;
77
+ }
78
+
79
+ /* Icon */
80
+ .ui.label .icon {
81
+ width: auto;
82
+ margin: 0em @iconDistance 0em 0em;
83
+ }
84
+ /* Detail */
85
+ .ui.label .detail {
86
+ display: inline-block;
87
+ vertical-align: top;
88
+ font-weight: @detailFontWeight;
89
+ margin-left: @detailMargin;
90
+ opacity: @detailOpacity;
91
+ }
92
+ .ui.label .detail .icon {
93
+ margin: 0em @detailIconDistance 0em 0em;
94
+ }
95
+
96
+
97
+ /* Removable label */
98
+ .ui.label .close.icon,
99
+ .ui.label .delete.icon {
100
+ cursor: pointer;
101
+ margin-right: 0em;
102
+ margin-left: @deleteMargin;
103
+ opacity: @linkOpacity;
104
+ transition: @deleteTransition;
105
+ }
106
+ .ui.label .delete.icon:hover {
107
+ opacity: 1;
108
+ }
109
+
110
+ /*-------------------
111
+ Group
112
+ --------------------*/
113
+
114
+ .ui.labels .label {
115
+ margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em;
116
+ }
117
+
118
+
119
+ /*-------------------
120
+ Coupling
121
+ --------------------*/
122
+
123
+ /* Padding on next content after a label */
124
+ .ui.top.attached.label:first-child + :not(.attached) {
125
+ margin-top: @attachedSegmentPadding !important;
126
+ }
127
+ .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
128
+ margin-top: 0em;
129
+ margin-bottom: @attachedSegmentPadding !important;
130
+ }
131
+
132
+
133
+ /*******************************
134
+ Types
135
+ *******************************/
136
+
137
+ .ui.image.label {
138
+ width: auto !important;
139
+ margin-top: 0em;
140
+ margin-bottom: 0em;
141
+ max-width: 9999px;
142
+ vertical-align: baseline;
143
+ text-transform: none;
144
+
145
+ background: @imageLabelBackground;
146
+ padding: @imageLabelPadding;
147
+ border-radius: @imageLabelBorderRadius;
148
+ box-shadow: @imageLabelBoxShadow;
149
+ }
150
+
151
+ .ui.image.label img {
152
+ display: inline-block;
153
+ vertical-align: top;
154
+
155
+ height: @imageLabelImageHeight;
156
+ margin: @imageLabelImageMargin;
157
+ border-radius: @imageLabelBorderRadius;
158
+ }
159
+
160
+ .ui.image.label .detail {
161
+ background: @imageLabelDetailBackground;
162
+ margin: @imageLabelDetailMargin;
163
+ padding: @imageLabelDetailPadding;
164
+ border-radius: 0em @imageLabelBorderRadius @imageLabelBorderRadius 0em;
165
+ }
166
+
167
+ /*-------------------
168
+ Tag
169
+ --------------------*/
170
+
171
+ .ui.tag.labels .label,
172
+ .ui.tag.label {
173
+ margin-left: 1em;
174
+ position: relative;
175
+ padding-left: @tagHorizontalPadding;
176
+ padding-right: @tagHorizontalPadding;
177
+
178
+ border-radius: 0em @borderRadius @borderRadius 0em;
179
+ }
180
+ .ui.tag.labels .label:before,
181
+ .ui.tag.label:before {
182
+ position: absolute;
183
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
184
+
185
+ top: @tagTriangleTopOffset;
186
+ right: @tagTriangleRightOffset;
187
+ content: '';
188
+
189
+ background-color: @backgroundColor;
190
+ background-image: @backgroundImage;
191
+
192
+ width: @tagTriangleSize;
193
+ height: @tagTriangleSize;
194
+ transition: @tagTransition;
195
+ }
196
+
197
+
198
+ .ui.tag.labels .label:after,
199
+ .ui.tag.label:after {
200
+ position: absolute;
201
+ content: '';
202
+ top: 50%;
203
+ left: -(@tagCircleSize / 2);
204
+
205
+ margin-top: -(@tagCircleSize / 2);
206
+ background-color: @tagCircleColor !important;
207
+ width: @tagCircleSize;
208
+ height: @tagCircleSize;
209
+
210
+ box-shadow: @tagCircleBoxShadow;
211
+ border-radius: @circularRadius;
212
+ }
213
+
214
+
215
+ /*-------------------
216
+ Corner Label
217
+ --------------------*/
218
+
219
+ .ui.corner.label {
220
+ position: absolute;
221
+ top: 0em;
222
+ right: 0em;
223
+ margin: 0em;
224
+ padding: 0em;
225
+ text-align: center;
226
+
227
+ width: @cornerTriangleSize;
228
+ height: @cornerTriangleSize;
229
+ z-index: @cornerTriangleZIndex;
230
+ transition: @cornerTriangleTransition;
231
+ }
232
+
233
+ /* Icon Label */
234
+ .ui.corner.label{
235
+ background-color: transparent !important;
236
+ }
237
+ .ui.corner.label:after {
238
+ position: absolute;
239
+ content: "";
240
+ right: 0em;
241
+ top: 0em;
242
+ z-index: -1;
243
+
244
+ width: 0em;
245
+ height: 0em;
246
+ background-color: transparent !important;
247
+
248
+ border-top: 0em solid transparent;
249
+ border-right: @cornerTriangleSize solid transparent;
250
+ border-bottom: @cornerTriangleSize solid transparent;
251
+ border-left: 0em solid transparent;
252
+
253
+ border-right-color: inherit;
254
+ transition: @cornerTriangleTransition;
255
+ }
256
+
257
+ .ui.corner.label .icon {
258
+ position: relative;
259
+ top: @cornerIconTopOffset;
260
+ left: @cornerIconLeftOffset;
261
+ font-size: @cornerIconSize;
262
+ margin: 0em;
263
+ }
264
+
265
+ /* Text Label
266
+ .ui.text.corner.label {
267
+ font-weight: @cornerTextWeight;
268
+ text-align: center;
269
+ padding: 0.25em 0;
270
+ top: 1.1em;
271
+ transform: rotate(45deg);
272
+ width: 4em;
273
+ height: auto;
274
+ }
275
+ .ui.left.text.corner.label {
276
+ transform: rotate(-45deg);
277
+ }
278
+ .ui.text.corner.label:before,
279
+ .ui.text.corner.label:after {
280
+ position: absolute;
281
+ content: '';
282
+ top: 0em;
283
+ width: 0em;
284
+ height: 0em;
285
+ }
286
+ .ui.text.corner.label:before {
287
+ left: auto;
288
+ right: 100%;
289
+ border-top: 0em solid transparent;
290
+ border-right-width: @ribbonTriangleSize;
291
+ border-right-color: inherit;
292
+ border-right-style: solid;
293
+ border-bottom: @ribbonTriangleSize solid transparent;
294
+ border-left: 0em solid transparent;
295
+ }
296
+ .ui.text.corner.label:after {
297
+ left: 100%;
298
+ right: auto;
299
+ border-top: 0em solid transparent;
300
+ border-right-width: @ribbonTriangleSize;
301
+ border-right-color: inherit;
302
+ border-right-style: solid;
303
+ border-bottom: @ribbonTriangleSize solid transparent;
304
+ border-left: 0em solid transparent;
305
+ }
306
+ */
307
+
308
+ /* Left Corner */
309
+ .ui.left.corner.label,
310
+ .ui.left.corner.label:after {
311
+ right: auto;
312
+ left: 0em;
313
+ }
314
+ .ui.left.corner.label:after {
315
+ border-top: @cornerTriangleSize solid transparent;
316
+ border-right: @cornerTriangleSize solid transparent;
317
+ border-bottom: 0em solid transparent;
318
+ border-left: 0em solid transparent;
319
+
320
+ border-top-color: inherit;
321
+ }
322
+ .ui.left.corner.label .icon {
323
+ left: -@cornerIconLeftOffset;
324
+ }
325
+
326
+ /* Segment */
327
+ .ui.segment > .ui.corner.label {
328
+ top: -1px;
329
+ right: -1px;
330
+ }
331
+ .ui.segment > .ui.left.corner.label {
332
+ right: auto;
333
+ left: -1px;
334
+ }
335
+
336
+ /* Input */
337
+ .ui.input > .ui.corner.label {
338
+ top: 1px;
339
+ right: 1px;
340
+ }
341
+ .ui.input > .ui.right.corner.label {
342
+ right: auto;
343
+ left: 1px;
344
+ }
345
+
346
+
347
+ /*-------------------
348
+ Ribbon
349
+ --------------------*/
350
+
351
+ .ui.ribbon.label {
352
+ position: relative;
353
+ margin: 0em;
354
+ left: -@ribbonDistance;
355
+ padding-left: @ribbonDistance;
356
+
357
+ border-radius: 0em @borderRadius @borderRadius 0em;
358
+
359
+ border-color: @ribbonShadowColor;
360
+ }
361
+
362
+ .ui.ribbon.label:after {
363
+ position: absolute;
364
+ content: "";
365
+
366
+ top: 100%;
367
+ left: 0%;
368
+ background-color: transparent !important;
369
+
370
+ border-top: 0em solid transparent;
371
+ border-right-width: @ribbonTriangleSize;
372
+ border-right-color: inherit;
373
+ border-right-style: solid;
374
+ border-bottom: @ribbonTriangleSize solid transparent;
375
+ border-left: 0em solid transparent;
376
+
377
+ width: 0em;
378
+ height: 0em;
379
+ }
380
+
381
+ /*-------------------
382
+ Attached
383
+ --------------------*/
384
+
385
+ .ui.top.attached.label,
386
+ .ui.attached.label {
387
+ width: 100%;
388
+ position: absolute;
389
+ margin: 0em;
390
+ top: 0em;
391
+ left: 0em;
392
+
393
+ padding: @attachedVerticalPadding @attachedHorizontalPadding;
394
+
395
+ border-radius: @borderRadius @borderRadius 0em 0em;
396
+ }
397
+ .ui.bottom.attached.label {
398
+ top: auto;
399
+ bottom: 0em;
400
+ border-radius: 0em 0em @borderRadius @borderRadius;
401
+ }
402
+
403
+ .ui.top.left.attached.label {
404
+ width: auto;
405
+ margin-top: 0em !important;
406
+ border-radius: @borderRadius 0em @borderRadius 0em;
407
+ }
408
+
409
+ .ui.top.right.attached.label {
410
+ width: auto;
411
+ left: auto;
412
+ right: 0em;
413
+ border-radius: 0em @borderRadius 0em @borderRadius;
414
+ }
415
+ .ui.bottom.left.attached.label {
416
+ width: auto;
417
+ top: auto;
418
+ bottom: 0em;
419
+ border-radius: 0em 0em @borderRadius @borderRadius ;
420
+ }
421
+ .ui.bottom.right.attached.label {
422
+ top: auto;
423
+ bottom: 0em;
424
+ left: auto;
425
+ right: 0em;
426
+ width: auto;
427
+ border-radius: @borderRadius 0em @borderRadius 0em;
428
+ }
429
+
430
+
431
+ /*******************************
432
+ States
433
+ *******************************/
434
+
435
+ /*-------------------
436
+ Disabled
437
+ --------------------*/
438
+
439
+ .ui.label.disabled {
440
+ opacity: 0.5;
441
+ }
442
+
443
+ /*-------------------
444
+ Hover
445
+ --------------------*/
446
+
447
+ a.ui.labels .label:hover,
448
+ a.ui.label:hover {
449
+ background-color: @labelHoverBackgroundColor;
450
+ border-color: @labelHoverBackgroundColor;
451
+
452
+ background-image: @labelHoverBackgroundImage;
453
+ color: @labelHoverTextColor;
454
+ }
455
+ .ui.labels a.label:hover:before,
456
+ a.ui.label:hover:before {
457
+ background-color: @labelHoverBackgroundColor;
458
+ background-image: @labelHoverBackgroundImage;
459
+ color: @labelHoverTextColor;
460
+ }
461
+
462
+ /*-------------------
463
+ Visible
464
+ --------------------*/
465
+
466
+ .ui.labels.visible .label,
467
+ .ui.label.visible {
468
+ display: inline-block !important;
469
+ }
470
+
471
+ /*-------------------
472
+ Hidden
473
+ --------------------*/
474
+
475
+ .ui.labels.hidden .label,
476
+ .ui.label.hidden {
477
+ display: none !important;
478
+ }
479
+
480
+
481
+ /*******************************
482
+ Variations
483
+ *******************************/
484
+
485
+
486
+ /*-------------------
487
+ Colors
488
+ --------------------*/
489
+
490
+ /*--- Black ---*/
491
+ .ui.black.labels .label,
492
+ .ui.black.label {
493
+ background-color: @black !important;
494
+ border-color: @black !important;
495
+ color: @invertedTextColor !important;
496
+ }
497
+ .ui.labels .black.label:before,
498
+ .ui.black.labels .label:before,
499
+ .ui.black.label:before {
500
+ background-color: @black !important;
501
+ }
502
+ a.ui.black.labels .label:hover,
503
+ a.ui.black.label:hover {
504
+ background-color: @blackHover !important;
505
+ border-color: @blackHover !important;
506
+ }
507
+ .ui.labels a.black.label:hover:before,
508
+ .ui.black.labels a.label:hover:before,
509
+ a.ui.black.label:hover:before {
510
+ background-color: @blackHover !important;
511
+ }
512
+ .ui.black.corner.label,
513
+ .ui.black.corner.label:hover {
514
+ background-color: transparent !important;
515
+ }
516
+ .ui.black.ribbon.label {
517
+ border-color: @blackRibbonShadow !important;
518
+ }
519
+
520
+ /*--- Blue ---*/
521
+ .ui.blue.labels .label,
522
+ .ui.blue.label {
523
+ background-color: @blue !important;
524
+ border-color: @blue !important;
525
+ color: @invertedTextColor !important;
526
+ }
527
+ .ui.labels .blue.label:before,
528
+ .ui.blue.labels .label:before,
529
+ .ui.blue.label:before {
530
+ background-color: @blue !important;
531
+ }
532
+ a.ui.blue.labels .label:hover,
533
+ .ui.blue.labels a.label:hover,
534
+ a.ui.blue.label:hover {
535
+ background-color: @blueHover !important;
536
+ border-color: @blueHover !important;
537
+ color: @invertedTextColor !important;
538
+ }
539
+ .ui.labels a.blue.label:hover:before,
540
+ .ui.blue.labels a.label:hover:before,
541
+ a.ui.blue.label:hover:before {
542
+ background-color: @blueHover !important;
543
+ }
544
+ .ui.blue.corner.label,
545
+ .ui.blue.corner.label:hover {
546
+ background-color: transparent !important;
547
+ }
548
+ .ui.blue.ribbon.label {
549
+ border-color: @blueRibbonShadow !important;
550
+ }
551
+
552
+ /*--- Green ---*/
553
+ .ui.green.labels .label,
554
+ .ui.green.label {
555
+ background-color: @green !important;
556
+ border-color: @green !important;
557
+ color: @invertedTextColor !important;
558
+ }
559
+ .ui.labels .green.label:before,
560
+ .ui.green.labels .label:before,
561
+ .ui.green.label:before {
562
+ background-color: @green !important;
563
+ }
564
+
565
+ a.ui.green.labels .label:hover,
566
+ a.ui.green.label:hover {
567
+ background-color: @greenHover !important;
568
+ border-color: @greenHover !important;
569
+ }
570
+ .ui.labels a.green.label:hover:before,
571
+ .ui.green.labels a.label:hover:before,
572
+ a.ui.green.label:hover:before {
573
+ background-color: @greenHover !important;
574
+ }
575
+
576
+ .ui.green.corner.label,
577
+ .ui.green.corner.label:hover {
578
+ background-color: transparent !important;
579
+ }
580
+ .ui.green.ribbon.label {
581
+ border-color: @greenRibbonShadow !important;
582
+ }
583
+
584
+ /*--- Orange ---*/
585
+ .ui.orange.labels .label,
586
+ .ui.orange.label {
587
+ background-color: @orange !important;
588
+ border-color: @orange !important;
589
+ color: @invertedTextColor !important;
590
+ }
591
+ .ui.labels .orange.label:before,
592
+ .ui.orange.labels .label:before,
593
+ .ui.orange.label:before {
594
+ background-color: @orange !important;
595
+ }
596
+ a.ui.orange.labels .label:hover,
597
+ .ui.orange.labels a.label:hover,
598
+ a.ui.orange.label:hover {
599
+ background-color: @orangeHover !important;
600
+ border-color: @orangeHover !important;
601
+ color: @invertedTextColor !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.corner.label,
609
+ .ui.orange.corner.label:hover {
610
+ background-color: transparent !important;
611
+ }
612
+ .ui.orange.ribbon.label {
613
+ border-color: @orangeRibbonShadow !important;
614
+ }
615
+
616
+ /*--- Pink ---*/
617
+ .ui.pink.labels .label,
618
+ .ui.pink.label {
619
+ background-color: @pink !important;
620
+ border-color: @pink !important;
621
+ color: @invertedTextColor !important;
622
+ }
623
+ .ui.labels .pink.label:before,
624
+ .ui.pink.labels .label:before,
625
+ .ui.pink.label:before {
626
+ background-color: @pink !important;
627
+ }
628
+ a.ui.pink.labels .label:hover,
629
+ .ui.pink.labels a.label:hover,
630
+ a.ui.pink.label:hover {
631
+ background-color: @pinkHover !important;
632
+ border-color: @pinkHover !important;
633
+ color: @invertedTextColor !important;
634
+ }
635
+ .ui.labels a.pink.label:hover:before,
636
+ .ui.pink.labels a.label:hover:before,
637
+ a.ui.pink.label:hover:before {
638
+ background-color: @pinkHover !important;
639
+ }
640
+ .ui.pink.corner.label,
641
+ .ui.pink.corner.label:hover {
642
+ background-color: transparent !important;
643
+ }
644
+ .ui.pink.ribbon.label {
645
+ border-color: @pinkRibbonShadow !important;
646
+ }
647
+
648
+ /*--- Purple ---*/
649
+ .ui.purple.labels .label,
650
+ .ui.purple.label {
651
+ background-color: @purple !important;
652
+ border-color: @purple !important;
653
+ color: @invertedTextColor !important;
654
+ }
655
+ .ui.labels .purple.label:before,
656
+ .ui.purple.labels .label:before,
657
+ .ui.purple.label:before {
658
+ background-color: @purple !important;
659
+ }
660
+ a.ui.purple.labels .label:hover,
661
+ .ui.purple.labels a.label:hover,
662
+ a.ui.purple.label:hover {
663
+ background-color: @purpleHover !important;
664
+ border-color: @purpleHover !important;
665
+ color: @invertedTextColor !important;
666
+ }
667
+ .ui.labels a.purple.label:hover:before,
668
+ .ui.purple.labels a.label:hover:before,
669
+ a.ui.purple.label:hover:before {
670
+ background-color: @purpleHover !important;
671
+ }
672
+ .ui.purple.corner.label,
673
+ .ui.purple.corner.label:hover {
674
+ background-color: transparent !important;
675
+ }
676
+ .ui.purple.ribbon.label {
677
+ border-color: @purpleRibbonShadow !important;
678
+ }
679
+
680
+ /*--- Red ---*/
681
+ .ui.red.labels .label,
682
+ .ui.red.label {
683
+ background-color: @red !important;
684
+ border-color: @red !important;
685
+ color: @invertedTextColor !important;
686
+ }
687
+ .ui.labels .red.label:before,
688
+ .ui.red.labels .label:before,
689
+ .ui.red.label:before {
690
+ background-color: @red !important;
691
+ }
692
+ .ui.red.corner.label,
693
+ .ui.red.corner.label:hover {
694
+ background-color: transparent !important;
695
+ }
696
+
697
+ a.ui.red.labels .label:hover,
698
+ a.ui.red.label:hover{
699
+ background-color: @redHover !important;
700
+ border-color: @redHover !important;
701
+ color: @invertedTextColor !important;
702
+ }
703
+ .ui.labels a.red.label:hover:before,
704
+ .ui.red.labels a.label:hover:before,
705
+ a.ui.red.label:hover:before {
706
+ background-color: @redHover !important;
707
+ }
708
+ .ui.red.ribbon.label {
709
+ border-color: @redRibbonShadow !important;
710
+ }
711
+
712
+ /*--- Teal ---*/
713
+ .ui.teal.labels .label,
714
+ .ui.teal.label {
715
+ background-color: @teal !important;
716
+ border-color: @teal !important;
717
+ color: @invertedTextColor !important;
718
+ }
719
+ .ui.labels .teal.label:before,
720
+ .ui.teal.labels .label:before,
721
+ .ui.teal.label:before {
722
+ background-color: @teal !important;
723
+ }
724
+ a.ui.teal.labels .label:hover,
725
+ .ui.teal.labels a.label:hover,
726
+ a.ui.teal.label:hover {
727
+ background-color: @tealHover !important;
728
+ border-color: @tealHover !important;
729
+ color: @invertedTextColor !important;
730
+ }
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;
735
+ }
736
+ .ui.teal.corner.label,
737
+ .ui.teal.corner.label:hover {
738
+ background-color: transparent !important;
739
+ }
740
+ .ui.teal.ribbon.label {
741
+ border-color: @tealRibbonShadow !important;
742
+ }
743
+
744
+ /*--- Yellow ---*/
745
+ .ui.yellow.labels .label,
746
+ .ui.yellow.label {
747
+ background-color: @yellow !important;
748
+ border-color: @yellow !important;
749
+ color: @invertedTextColor !important;
750
+ }
751
+ .ui.labels .yellow.label:before,
752
+ .ui.yellow.labels .label:before,
753
+ .ui.yellow.label:before {
754
+ background-color: @yellow !important;
755
+ }
756
+ a.ui.yellow.labels .label:hover,
757
+ .ui.yellow.labels a.label:hover,
758
+ a.ui.yellow.label:hover {
759
+ background-color: @yellowHover !important;
760
+ border-color: @yellowHover !important;
761
+ color: @invertedTextColor !important;
762
+ }
763
+ .ui.labels a.yellow.label:hover:before,
764
+ .ui.yellow.labels a.label:hover:before,
765
+ a.ui.yellow.label:hover:before {
766
+ background-color: @yellowHover !important;
767
+ }
768
+ .ui.yellow.corner.label,
769
+ .ui.yellow.corner.label:hover {
770
+ background-color: transparent !important;
771
+ }
772
+ .ui.yellow.ribbon.label {
773
+ border-color: @yellowRibbonShadow !important;
774
+ }
775
+
776
+ /*-------------------
777
+ Fluid
778
+ --------------------*/
779
+
780
+ .ui.label.fluid,
781
+ .ui.fluid.labels > .label {
782
+ width: 100%;
783
+ box-sizing: border-box;
784
+ }
785
+
786
+ /*-------------------
787
+ Inverted
788
+ --------------------*/
789
+
790
+ .ui.inverted.labels .label,
791
+ .ui.inverted.label {
792
+ color: @invertedTextColor !important;
793
+ }
794
+
795
+ /*-------------------
796
+ Horizontal
797
+ --------------------*/
798
+
799
+ .ui.horizontal.labels .label,
800
+ .ui.horizontal.label {
801
+ margin: 0em @horizontalLabelMargin 0em 0em;
802
+
803
+ padding: @horizontalLabelVerticalPadding @horizontalPadding;
804
+ min-width: @horizontalLabelMinWidth;
805
+ text-align: center;
806
+ }
807
+
808
+
809
+ /*-------------------
810
+ Circular
811
+ --------------------*/
812
+
813
+ .ui.circular.labels .label,
814
+ .ui.circular.label {
815
+ min-width: @circularMinSize;
816
+ min-height: @circularMinSize;
817
+
818
+ padding: @circularPadding !important;
819
+
820
+ line-height: 1em;
821
+ text-align: center;
822
+ border-radius: @circularRadius;
823
+ }
824
+ .ui.empty.circular.labels .label,
825
+ .ui.empty.circular.label {
826
+ min-width: 0em;
827
+ min-height: 0em;
828
+ overflow: hidden;
829
+ width: @emptyCircleSize;
830
+ height: @emptyCircleSize;
831
+ vertical-align: baseline;
832
+ }
833
+
834
+ /*-------------------
835
+ Pointing
836
+ --------------------*/
837
+
838
+ .ui.pointing.label {
839
+ position: relative;
840
+ }
841
+ .ui.attached.pointing.label {
842
+ position: absolute;
843
+ }
844
+
845
+ .ui.pointing.label:before {
846
+ position: absolute;
847
+ content: '';
848
+ transform: rotate(45deg);
849
+ background-image: none;
850
+
851
+ z-index: @pointingTriangleZIndex;
852
+ width: @pointingTriangleSize;
853
+ height: @pointingTriangleSize;
854
+ transition: @pointingTriangleTransition;
855
+ }
856
+ /*--- Above ---*/
857
+ .ui.pointing.label:before {
858
+ background-color: @backgroundColor;
859
+ background-image: @backgroundImage;
860
+ }
861
+ .ui.pointing.label,
862
+ .ui.pointing.above.label {
863
+ margin-top: @pointingVerticalDistance;
864
+ }
865
+ .ui.pointing.label:before,
866
+ .ui.pointing.above.label:before {
867
+ margin-left: -@pointingTriangleOffset;
868
+ top: -@pointingTriangleOffset;
869
+ left: 50%;
870
+ }
871
+ /*--- Below ---*/
872
+ .ui.pointing.bottom.label,
873
+ .ui.pointing.below.label {
874
+ margin-top: 0em;
875
+ margin-bottom: @pointingVerticalDistance;
876
+ }
877
+ .ui.pointing.bottom.label:before,
878
+ .ui.pointing.below.label:before {
879
+ margin-left: -@pointingTriangleOffset;
880
+ top: auto;
881
+ right: auto;
882
+ bottom: -@pointingTriangleOffset;
883
+ left: 50%;
884
+ }
885
+ /*--- Left ---*/
886
+ .ui.pointing.left.label {
887
+ margin-top: 0em;
888
+ margin-left: @pointingHorizontalDistance;
889
+ }
890
+ .ui.pointing.left.label:before {
891
+ margin-top: -@pointingTriangleOffset;
892
+ bottom: auto;
893
+ right: auto;
894
+ top: 50%;
895
+ left: 0em;
896
+ }
897
+ /*--- Right ---*/
898
+ .ui.pointing.right.label {
899
+ margin-top: 0em;
900
+ margin-right: @pointingHorizontalDistance;
901
+ }
902
+ .ui.pointing.right.label:before {
903
+ margin-top: -@pointingTriangleOffset;
904
+ right: -@pointingTriangleOffset;
905
+ top: 50%;
906
+ bottom: auto;
907
+ left: auto;
908
+ }
909
+
910
+ /*------------------
911
+ Floating Label
912
+ -------------------*/
913
+
914
+ .ui.floating.label {
915
+ position: absolute;
916
+ z-index: @floatingZIndex;
917
+ top: @floatingTopOffset;
918
+ left: 100%;
919
+ margin: 0em 0em 0em @floatingLeftOffset !important;
920
+ }
921
+
922
+ /*-------------------
923
+ Sizes
924
+ --------------------*/
925
+
926
+ .ui.mini.labels .label,
927
+ .ui.mini.label {
928
+ font-size: @mini;
929
+ }
930
+ .ui.tiny.labels .label,
931
+ .ui.tiny.label {
932
+ font-size: @tiny;
933
+ }
934
+ .ui.small.labels .label,
935
+ .ui.small.label {
936
+ font-size: @small;
937
+ }
938
+ .ui.labels .label,
939
+ .ui.label {
940
+ font-size: @medium;
941
+ }
942
+ .ui.large.labels .label,
943
+ .ui.large.label {
944
+ font-size: @large;
945
+ }
946
+ .ui.big.labels .label,
947
+ .ui.big.label {
948
+ font-size: @big;
949
+ }
950
+ .ui.huge.labels .label,
951
+ .ui.huge.label {
952
+ font-size: @huge;
953
+ }
954
+ .ui.massive.labels .label,
955
+ .ui.massive.label {
956
+ font-size: @massive;
957
+ }
958
+
959
+ .loadUIOverrides();