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,2396 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/elements/button.overrides
4
+ *= depend_on semantic_ui/config/elements/button.variables
5
+ */
6
+
7
+ /*
8
+ * # Semantic - Button
9
+ * http://github.com/semantic-org/semantic-ui/
10
+ *
11
+ *
12
+ * Copyright 2014 Contributors
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 : 'button';
24
+
25
+ @import 'semantic_ui/theme.config';
26
+
27
+ /*******************************
28
+ Button
29
+ *******************************/
30
+
31
+ .ui.button {
32
+ cursor: pointer;
33
+ display: inline-block;
34
+
35
+ min-height: 1em;
36
+
37
+ outline: none;
38
+ border: none;
39
+ vertical-align: @verticalAlign;
40
+ background-color: @backgroundColor;
41
+ color: @textColor;
42
+
43
+ font-family: @fontFamily;
44
+
45
+ margin: 0em @horizontalMargin @verticalMargin 0em;
46
+ padding: @verticalPadding @horizontalPadding (@verticalPadding + @shadowOffset);
47
+
48
+ text-transform: @textTransform;
49
+ text-shadow: @textShadow;
50
+ font-weight: @fontWeight;
51
+ line-height: 1;
52
+ font-style: normal;
53
+ text-align: center;
54
+ text-decoration: none;
55
+
56
+ background-image: @backgroundImage;
57
+ border-radius: @borderRadius;
58
+ box-shadow: @boxShadow;
59
+
60
+ user-select: none;
61
+ transition: @transition;
62
+
63
+ -webkit-tap-highlight-color: @tapColor;
64
+ }
65
+
66
+
67
+ /*******************************
68
+ States
69
+ *******************************/
70
+
71
+ /*--------------
72
+ Hover
73
+ ---------------*/
74
+
75
+ .ui.button:hover {
76
+ background-color: @hoverBackgroundColor;
77
+ background-image: @hoverBackgroundImage;
78
+ box-shadow: @hoverBoxShadow;
79
+ color: @hoverColor;
80
+ }
81
+
82
+ .ui.button:hover .icon {
83
+ opacity: @iconHoverOpacity;
84
+ }
85
+
86
+ /*--------------
87
+ Focus
88
+ ---------------*/
89
+
90
+ .ui.button:focus {
91
+ background-color: @focusBackgroundColor;
92
+ background-image: @focusBackgroundImage;
93
+ box-shadow: @focusBoxShadow;
94
+ color: @focusColor;
95
+ }
96
+
97
+ .ui.button:focus .icon {
98
+ opacity: @iconFocusOpacity;
99
+ }
100
+
101
+ /*--------------
102
+ Down
103
+ ---------------*/
104
+
105
+ .ui.button:active,
106
+ .ui.active.button:active {
107
+ background-color: @downBackgroundColor;
108
+ background-image: @downBackgroundImage;
109
+ color: @downColor;
110
+ box-shadow: @downBoxShadow;
111
+ }
112
+
113
+ /*--------------
114
+ Active
115
+ ---------------*/
116
+
117
+ .ui.active.button {
118
+ background-color: @activeBackgroundColor;
119
+ background-image: @activeBackgroundImage;
120
+ box-shadow: @activeBoxShadow;
121
+ color: @activeColor;
122
+ }
123
+ .ui.button.active:hover {
124
+ background-color: @activeHoverBackgroundColor;
125
+ background-image: @activeHoverBackgroundImage;
126
+ color: @activeHoverColor;
127
+ }
128
+ .ui.button.active:active {
129
+ background-color: @activeBackgroundColor;
130
+ background-image: @activeBackgroundImage;
131
+ }
132
+
133
+
134
+ /*--------------
135
+ Loading
136
+ ---------------*/
137
+
138
+ /* Specificity hack */
139
+ .ui.loading.loading.loading.loading.loading.loading.button {
140
+ position: relative;
141
+ cursor: default;
142
+ point-events: none;
143
+ text-shadow: none !important;
144
+ color: transparent !important;
145
+ transition: all 0s linear;
146
+ }
147
+ .ui.loading.button:before {
148
+ position: absolute;
149
+ content: '';
150
+ top: 50%;
151
+ left: 50%;
152
+
153
+ margin: @loaderMargin;
154
+ width: @loaderSize;
155
+ height: @loaderSize;
156
+
157
+ border-radius: @circularRadius;
158
+ border: @loaderLineWidth solid @invertedLoaderFillColor;
159
+ }
160
+ .ui.loading.button:after {
161
+ position: absolute;
162
+ content: '';
163
+ top: 50%;
164
+ left: 50%;
165
+
166
+ margin: @loaderMargin;
167
+ width: @loaderSize;
168
+ height: @loaderSize;
169
+
170
+ animation: button-spin @loaderSpeed linear;
171
+ animation-iteration-count: infinite;
172
+
173
+ border-radius: @circularRadius;
174
+
175
+ border-color: @invertedLoaderLineColor transparent transparent;
176
+ border-style: solid;
177
+ border-width: @loaderLineWidth;
178
+
179
+ box-shadow: 0px 0px 0px 1px transparent;
180
+ }
181
+ .ui.labeled.icon.loading.button .icon {
182
+ background-color: transparent;
183
+ box-shadow: none;
184
+ }
185
+
186
+ @keyframes button-spin {
187
+ from {
188
+ transform: rotate(0deg);
189
+ }
190
+ to {
191
+ transform: rotate(360deg);
192
+ }
193
+ }
194
+
195
+ .ui.basic.loading.button:not(.inverted):before {
196
+ border-color: @loaderFillColor;
197
+ }
198
+ .ui.basic.loading.button:not(.inverted):after {
199
+ border-top-color: @loaderLineColor;
200
+ }
201
+
202
+ /*-------------------
203
+ Disabled
204
+ --------------------*/
205
+
206
+ .ui.buttons .disabled.button,
207
+ .ui.disabled.button,
208
+ .ui.disabled.button:hover,
209
+ .ui.disabled.button.active {
210
+ cursor: default;
211
+ background-color: @lightGrey !important;
212
+ color: @lightTextColor !important;
213
+ opacity: @disabledOpacity !important;
214
+ background-image: none !important;
215
+ box-shadow: none !important;
216
+ pointer-events: none;
217
+ }
218
+
219
+ /*******************************
220
+ Types
221
+ *******************************/
222
+
223
+ /*-------------------
224
+ Animated
225
+ --------------------*/
226
+
227
+ .ui.animated.button {
228
+ position: relative;
229
+ overflow: hidden;
230
+ padding-right: 0em !important;
231
+ }
232
+
233
+ .ui.animated.button .content {
234
+ will-change: transform, opacity;
235
+ }
236
+ .ui.animated.button .visible.content {
237
+ position: relative;
238
+ margin-right: @horizontalPadding;
239
+ }
240
+ .ui.animated.button .hidden.content {
241
+ position: absolute;
242
+ width: 100%;
243
+ }
244
+
245
+ /* Horizontal */
246
+ .ui.animated.button .visible.content,
247
+ .ui.animated.button .hidden.content {
248
+ transition: right @animationDuration @animationEasing 0s;
249
+ }
250
+ .ui.animated.button .visible.content {
251
+ left: auto;
252
+ right: 0%;
253
+ }
254
+ .ui.animated.button .hidden.content {
255
+ top: 50%;
256
+ left: auto;
257
+ right: -100%;
258
+ margin-top: -0.5em;
259
+ }
260
+ .ui.animated.button:hover .visible.content {
261
+ left: auto;
262
+ right: 200%;
263
+ }
264
+ .ui.animated.button:hover .hidden.content {
265
+ left: auto;
266
+ right: 0%;
267
+ }
268
+
269
+ /* Vertical */
270
+ .ui.vertical.animated.button .visible.content,
271
+ .ui.vertical.animated.button .hidden.content {
272
+ transition: top @animationDuration @animationEasing, transform @animationDuration @animationEasing;
273
+ }
274
+ .ui.vertical.animated.button .visible.content {
275
+ transform: translateY(0%);
276
+ right: auto;
277
+ }
278
+ .ui.vertical.animated.button .hidden.content {
279
+ top: -50%;
280
+ left: 0%;
281
+ right: auto;
282
+ }
283
+ .ui.vertical.animated.button:hover .visible.content {
284
+ transform: translateY(200%);
285
+ right: auto;
286
+ }
287
+ .ui.vertical.animated.button:hover .hidden.content {
288
+ top: 50%;
289
+ right: auto;
290
+ }
291
+
292
+ /* Fade */
293
+ .ui.fade.animated.button .visible.content,
294
+ .ui.fade.animated.button .hidden.content {
295
+ transition: opacity @animationDuration @animationEasing, transform @animationDuration @animationEasing;
296
+ }
297
+ .ui.fade.animated.button .visible.content {
298
+ left: auto;
299
+ right: auto;
300
+ opacity: 1;
301
+ transform: scale(1);
302
+ }
303
+ .ui.fade.animated.button .hidden.content {
304
+ opacity: 0;
305
+ left: 0%;
306
+ right: auto;
307
+ transform: scale(@fadeScaleHigh);
308
+ }
309
+ .ui.fade.animated.button:hover .visible.content {
310
+ left: auto;
311
+ right: auto;
312
+ opacity: 0;
313
+ transform: scale(@fadeScaleLow);
314
+ }
315
+ .ui.fade.animated.button:hover .hidden.content {
316
+ left: 0%;
317
+ right: auto;
318
+ opacity: 1;
319
+ transform: scale(1);
320
+ }
321
+
322
+ /*-------------------
323
+ Inverted
324
+ --------------------*/
325
+
326
+ .ui.inverted.button {
327
+ box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
328
+ background: transparent none;
329
+ color: @white;
330
+ text-shadow: none !important;
331
+ }
332
+
333
+ .ui.inverted.buttons .button {
334
+ margin: @invertedGroupButtonOffset;
335
+ }
336
+ .ui.inverted.buttons .button:first-child {
337
+ margin-left: 0em;
338
+ }
339
+ .ui.inverted.vertical.buttons .button {
340
+ margin: @invertedVerticalGroupButtonOffset;
341
+ }
342
+ .ui.inverted.vertical.buttons .button:first-child {
343
+ margin-top: 0em;
344
+ }
345
+ .ui.inverted.buttons .button:hover {
346
+ position: relative;
347
+ }
348
+ .ui.inverted.button:hover {
349
+ background: @white;
350
+ box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
351
+ color: @hoverColor;
352
+ }
353
+
354
+
355
+ /*-------------------
356
+ Social
357
+ --------------------*/
358
+
359
+ /* Facebook */
360
+ .ui.facebook.button {
361
+ background-color: @facebookColor;
362
+ color: @invertedTextColor;
363
+ text-shadow: @invertedTextShadow;
364
+ background-image: @coloredBackgroundImage;
365
+ box-shadow: @coloredBoxShadow;
366
+ }
367
+ .ui.facebook.button:hover {
368
+ background-color: @facebookHoverColor;
369
+ color: @invertedTextColor;
370
+ text-shadow: @invertedTextShadow;
371
+ }
372
+ .ui.facebook.button:active {
373
+ background-color: @facebookDownColor;
374
+ color: @invertedTextColor;
375
+ text-shadow: @invertedTextShadow;
376
+ }
377
+
378
+ /* Twitter */
379
+ .ui.twitter.button {
380
+ background-color: @twitterColor;
381
+ color: @invertedTextColor;
382
+ text-shadow: @invertedTextShadow;
383
+ background-image: @coloredBackgroundImage;
384
+ box-shadow: @coloredBoxShadow;
385
+ }
386
+ .ui.twitter.button:hover {
387
+ background-color: @twitterHoverColor;
388
+ color: @invertedTextColor;
389
+ text-shadow: @invertedTextShadow;
390
+ }
391
+ .ui.twitter.button:active {
392
+ background-color: @twitterDownColor;
393
+ color: @invertedTextColor;
394
+ text-shadow: @invertedTextShadow;
395
+ }
396
+
397
+ /* Google Plus */
398
+ .ui.google.plus.button {
399
+ background-color: @googlePlusColor;
400
+ color: @invertedTextColor;
401
+ text-shadow: @invertedTextShadow;
402
+ background-image: @coloredBackgroundImage;
403
+ box-shadow: @coloredBoxShadow;
404
+ }
405
+ .ui.google.plus.button:hover {
406
+ background-color: @googlePlusHoverColor;
407
+ color: @invertedTextColor;
408
+ text-shadow: @invertedTextShadow;
409
+ }
410
+ .ui.google.plus.button:active {
411
+ background-color: @googlePlusDownColor;
412
+ color: @invertedTextColor;
413
+ text-shadow: @invertedTextShadow;
414
+ }
415
+
416
+ /* Linked In */
417
+ .ui.linkedin.button {
418
+ background-color: @linkedInColor;
419
+ color: @invertedTextColor;
420
+ text-shadow: @invertedTextShadow;
421
+ }
422
+ .ui.linkedin.button:hover {
423
+ background-color: @linkedInHoverColor;
424
+ color: @invertedTextColor;
425
+ text-shadow: @invertedTextShadow;
426
+ }
427
+ .ui.linkedin.button:active {
428
+ background-color: @linkedInDownColor;
429
+ color: @invertedTextColor;
430
+ text-shadow: @invertedTextShadow;
431
+ }
432
+
433
+ /* YouTube */
434
+ .ui.youtube.button {
435
+ background-color: @youtubeColor;
436
+ color: @invertedTextColor;
437
+ text-shadow: @invertedTextShadow;
438
+ background-image: @coloredBackgroundImage;
439
+ box-shadow: @coloredBoxShadow;
440
+ }
441
+ .ui.youtube.button:hover {
442
+ background-color: @youtubeHoverColor;
443
+ color: @invertedTextColor;
444
+ text-shadow: @invertedTextShadow;
445
+ }
446
+ .ui.youtube.button:active {
447
+ background-color: @youtubeDownColor;
448
+ color: @invertedTextColor;
449
+ text-shadow: @invertedTextShadow;
450
+ }
451
+
452
+ /* Instagram */
453
+ .ui.instagram.button {
454
+ background-color: @instagramColor;
455
+ color: @invertedTextColor;
456
+ text-shadow: @invertedTextShadow;
457
+ background-image: @coloredBackgroundImage;
458
+ box-shadow: @coloredBoxShadow;
459
+ }
460
+ .ui.instagram.button:hover {
461
+ background-color: @instagramHoverColor;
462
+ color: @invertedTextColor;
463
+ text-shadow: @invertedTextShadow;
464
+ }
465
+ .ui.instagram.button:active {
466
+ background-color: @instagramDownColor;
467
+ color: @invertedTextColor;
468
+ text-shadow: @invertedTextShadow;
469
+ }
470
+
471
+ /* Pinterest */
472
+ .ui.pinterest.button {
473
+ background-color: @pinterestColor;
474
+ color: @invertedTextColor;
475
+ text-shadow: @invertedTextShadow;
476
+ background-image: @coloredBackgroundImage;
477
+ box-shadow: @coloredBoxShadow;
478
+ }
479
+ .ui.pinterest.button:hover {
480
+ background-color: @pinterestHoverColor;
481
+ color: @invertedTextColor;
482
+ text-shadow: @invertedTextShadow;
483
+ }
484
+ .ui.pinterest.button:active {
485
+ background-color: @pinterestDownColor;
486
+ color: @invertedTextColor;
487
+ text-shadow: @invertedTextShadow;
488
+ }
489
+
490
+ /* VK */
491
+ .ui.vk.button {
492
+ background-color: #4D7198;
493
+ color: @white;
494
+ background-image: @coloredBackgroundImage;
495
+ box-shadow: @coloredBoxShadow;
496
+ }
497
+ .ui.vk.button:hover {
498
+ background-color: @vkHoverColor;
499
+ color: @white;
500
+ }
501
+ .ui.vk.button:active {
502
+ background-color: @vkDownColor;
503
+ color: @white;
504
+ }
505
+
506
+ /*--------------
507
+ Icon
508
+ ---------------*/
509
+
510
+ .ui.button > .icon {
511
+ opacity: @iconOpacity;
512
+ margin: @iconMargin;
513
+ transition: @iconTransition;
514
+ vertical-align: @iconVerticalAlign;
515
+ color: @iconColor;
516
+ }
517
+ .ui.button > .right.icon {
518
+ margin: @rightIconMargin;
519
+ }
520
+
521
+ /*******************************
522
+ Variations
523
+ *******************************/
524
+
525
+
526
+ /*-------------------
527
+ Floated
528
+ --------------------*/
529
+
530
+ .ui[class*="left floated"].buttons,
531
+ .ui[class*="left floated"].button {
532
+ float: left;
533
+ margin-left: 0em;
534
+ margin-right: @floatedMargin;
535
+ }
536
+ .ui[class*="right floated"].buttons,
537
+ .ui[class*="right floated"].button {
538
+ float: right;
539
+ margin-right: 0em;
540
+ margin-left: @floatedMargin;
541
+ }
542
+
543
+ /*-------------------
544
+ Compact
545
+ --------------------*/
546
+
547
+ .ui.compact.buttons .button,
548
+ .ui.compact.button {
549
+ padding: @compactVerticalPadding @compactHorizontalPadding ( @compactVerticalPadding + @shadowOffset );
550
+ }
551
+ .ui.compact.icon.buttons .button,
552
+ .ui.compact.icon.button {
553
+ padding: @compactVerticalPadding @compactVerticalPadding ( @compactVerticalPadding + @shadowOffset );
554
+ }
555
+ .ui.compact.labeled.icon.buttons .button,
556
+ .ui.compact.labeled.icon.button {
557
+ padding: @compactVerticalPadding (@compactHorizontalPadding + @labeledIconWidth) ( @compactVerticalPadding + @shadowOffset );
558
+ }
559
+
560
+ /*-------------------
561
+ Sizes
562
+ --------------------*/
563
+
564
+ .ui.mini.buttons .button,
565
+ .ui.mini.buttons .or,
566
+ .ui.mini.button {
567
+ font-size: @mini;
568
+ }
569
+ .ui.tiny.buttons .button,
570
+ .ui.tiny.buttons .or,
571
+ .ui.tiny.button {
572
+ font-size: @tiny;
573
+ }
574
+ .ui.small.buttons .button,
575
+ .ui.small.buttons .or,
576
+ .ui.small.button {
577
+ font-size: @small;
578
+ }
579
+ .ui.buttons .button,
580
+ .ui.buttons .or,
581
+ .ui.button {
582
+ font-size: @medium;
583
+ }
584
+ .ui.large.buttons .button,
585
+ .ui.large.buttons .or,
586
+ .ui.large.button {
587
+ font-size: @large;
588
+ }
589
+ .ui.big.buttons .button,
590
+ .ui.big.buttons .or,
591
+ .ui.big.button {
592
+ font-size: @big;
593
+ }
594
+ .ui.huge.buttons .button,
595
+ .ui.huge.buttons .or,
596
+ .ui.huge.button {
597
+ font-size: @huge;
598
+ }
599
+ .ui.massive.buttons .button,
600
+ .ui.massive.buttons .or,
601
+ .ui.massive.button {
602
+ font-size: @massive;
603
+ }
604
+
605
+ /*--------------
606
+ Icon Only
607
+ ---------------*/
608
+
609
+ .ui.icon.buttons .button,
610
+ .ui.icon.button {
611
+ padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );
612
+ }
613
+ .ui.icon.buttons .button > .icon,
614
+ .ui.icon.button > .icon {
615
+ opacity: @iconButtonOpacity;
616
+ margin: 0em;
617
+ vertical-align: top;
618
+ }
619
+
620
+
621
+ /*-------------------
622
+ Basic
623
+ --------------------*/
624
+
625
+ .ui.basic.buttons .button,
626
+ .ui.basic.button {
627
+ background: @basicBackground !important;
628
+ background-image: none;
629
+ color: @basicTextColor !important;
630
+ font-weight: @basicFontWeight;
631
+ border-radius: @basicBorderRadius;
632
+ text-transform: @basicTextTransform;
633
+ text-shadow: none !important;
634
+ box-shadow: @basicBoxShadow;
635
+ }
636
+ .ui.basic.buttons {
637
+ box-shadow: @basicGroupBoxShadow;
638
+ border-radius: @borderRadius;
639
+ }
640
+ .ui.basic.buttons .button {
641
+ border-radius: 0em;
642
+ }
643
+
644
+ .ui.basic.buttons .button:hover,
645
+ .ui.basic.button:hover {
646
+ background: @basicHoverBackground !important;
647
+ color: @basicHoverTextColor !important;
648
+ box-shadow: @basicHoverBoxShadow;
649
+ }
650
+ .ui.basic.buttons .button:active,
651
+ .ui.basic.button:active {
652
+ background: @basicDownBackground !important;
653
+ color: @basicDownTextColor !important;
654
+ box-shadow: @basicDownBoxShadow;
655
+ }
656
+ .ui.basic.buttons .button.active,
657
+ .ui.basic.button.active {
658
+ background: @basicActiveBackground !important;
659
+ box-shadow: @basicActiveBoxShadow !important;
660
+ color: @basicActiveTextColor;
661
+ box-shadow: @selectedBorderColor;
662
+ }
663
+ .ui.basic.buttons .button.active:hover,
664
+ .ui.basic.button.active:hover {
665
+ background-color: @transparentBlack;
666
+ }
667
+
668
+ /* Vertical */
669
+ .ui.basic.buttons .button:hover {
670
+ box-shadow: @basicHoverBoxShadow inset;
671
+ }
672
+ .ui.basic.buttons .button:active {
673
+ box-shadow: @basicDownBoxShadow inset;
674
+ }
675
+ .ui.basic.buttons .button.active {
676
+ box-shadow: @selectedBorderColor inset;
677
+ }
678
+
679
+ /* Standard Basic Inverted */
680
+ .ui.basic.inverted.buttons .button,
681
+ .ui.basic.inverted.button {
682
+ background-color: transparent !important;
683
+ color: @offWhite !important;
684
+ box-shadow: @basicInvertedBoxShadow !important;
685
+ }
686
+ .ui.basic.inverted.buttons .button:hover,
687
+ .ui.basic.inverted.button:hover {
688
+ color: @white !important;
689
+ box-shadow: @basicInvertedHoverBoxShadow !important;
690
+ }
691
+ .ui.basic.inverted.buttons .button:active,
692
+ .ui.basic.inverted.button:active {
693
+ background-color: @transparentWhite !important;
694
+ color: @white !important;
695
+ box-shadow: @basicInvertedDownBoxShadow !important;
696
+ }
697
+ .ui.basic.inverted.buttons .button.active,
698
+ .ui.basic.inverted.button.active {
699
+ background-color: @transparentWhite;
700
+ color: @invertedTextColor;
701
+ text-shadow: @invertedTextShadow;
702
+ box-shadow: @basicInvertedActiveBoxShadow;
703
+ }
704
+ .ui.basic.inverted.buttons .button.active:hover,
705
+ .ui.basic.inverted.button.active:hover {
706
+ background-color: @strongTransparentWhite;
707
+ box-shadow: @basicInvertedHoverBoxShadow !important;
708
+ }
709
+
710
+
711
+ /* Basic Group */
712
+ .ui.basic.buttons .button {
713
+ border-left: @basicGroupBorder;
714
+ box-shadow: none;
715
+ }
716
+ .ui.basic.vertical.buttons .button {
717
+ border-left: none;
718
+ }
719
+
720
+
721
+ /*--------------
722
+ Labeled Icon
723
+ ---------------*/
724
+
725
+ .ui.labeled.icon.buttons .button,
726
+ .ui.labeled.icon.button {
727
+ position: relative;
728
+ padding-left: @labeledIconPadding !important;
729
+ padding-right: @horizontalPadding !important;
730
+ }
731
+
732
+ /* Left Labeled */
733
+ .ui.labeled.icon.buttons > .button > .icon,
734
+ .ui.labeled.icon.button > .icon {
735
+ position: absolute;
736
+ width: @labeledIconWidth;
737
+ height: 100%;
738
+
739
+ background-color: @labeledIconBackgroundColor;
740
+ text-align: center;
741
+ color: @labeledIconColor;
742
+
743
+ border-radius: @borderRadius 0px 0px @borderRadius;
744
+ line-height: 1;
745
+ box-shadow: @labeledIconLeftShadow;
746
+ }
747
+
748
+ /* Left Labeled */
749
+ .ui.labeled.icon.buttons > .button > .icon,
750
+ .ui.labeled.icon.button > .icon {
751
+ top: 0em;
752
+ left: 0em;
753
+ }
754
+
755
+ /* Right Labeled */
756
+ .ui[class*="right labeled"].icon.button {
757
+ padding-right: @labeledIconPadding !important;
758
+ padding-left: @horizontalPadding !important;
759
+ }
760
+ .ui[class*="right labeled"].icon.button > .icon {
761
+ left: auto;
762
+ right: 0em;
763
+ border-radius: 0em @borderRadius @borderRadius 0em;
764
+ box-shadow: @labeledIconRightShadow;
765
+ }
766
+
767
+
768
+ .ui.labeled.icon.buttons > .button > .icon:before,
769
+ .ui.labeled.icon.button > .icon:before,
770
+ .ui.labeled.icon.buttons > .button > .icon:after,
771
+ .ui.labeled.icon.button > .icon:after {
772
+ display: block;
773
+ position: absolute;
774
+ width: 100%;
775
+ top: 50%;
776
+ text-align: center;
777
+ margin-top: -0.5em;
778
+ }
779
+
780
+ .ui.labeled.icon.buttons .button > .icon {
781
+ border-radius: 0em;
782
+ }
783
+ .ui.labeled.icon.buttons .button:first-child > .icon {
784
+ border-top-left-radius: @borderRadius;
785
+ border-bottom-left-radius: @borderRadius;
786
+ }
787
+ .ui.labeled.icon.buttons .button:last-child > .icon {
788
+ border-top-right-radius: @borderRadius;
789
+ border-bottom-right-radius: @borderRadius;
790
+ }
791
+ .ui.vertical.labeled.icon.buttons .button:first-child > .icon {
792
+ border-radius: 0em;
793
+ border-top-left-radius: @borderRadius;
794
+ }
795
+ .ui.vertical.labeled.icon.buttons .button:last-child > .icon {
796
+ border-radius: 0em;
797
+ border-bottom-left-radius: @borderRadius;
798
+ }
799
+
800
+ /* Fluid Labeled */
801
+ .ui.fluid[class*="left labeled"].icon.button,
802
+ .ui.fluid[class*="right labeled"].icon.button {
803
+ padding-left: @horizontalPadding !important;
804
+ padding-right: @horizontalPadding !important;
805
+ }
806
+
807
+
808
+
809
+
810
+ /*--------------
811
+ Toggle
812
+ ---------------*/
813
+
814
+ /* Toggle (Modifies active state to give affordances) */
815
+ .ui.toggle.buttons .active.button,
816
+ .ui.buttons .button.toggle.active,
817
+ .ui.button.toggle.active {
818
+ background-color: @positiveColor !important;
819
+ box-shadow: none !important;
820
+ text-shadow: @invertedTextShadow;
821
+ color: @invertedTextColor !important;
822
+ }
823
+ .ui.button.toggle.active:hover {
824
+ background-color: @positiveColorHover !important;
825
+ text-shadow: @invertedTextShadow;
826
+ color: @invertedTextColor !important;
827
+ }
828
+
829
+ /*--------------
830
+ Circular
831
+ ---------------*/
832
+
833
+ .ui.circular.button {
834
+ border-radius: 10em;
835
+ }
836
+ .ui.circular.button > .icon {
837
+ width: 1em;
838
+ vertical-align: baseline;
839
+ }
840
+
841
+
842
+ /*--------------
843
+ Attached
844
+ ---------------*/
845
+
846
+ .ui.attached.button {
847
+ display: block;
848
+ margin: 0em;
849
+ box-shadow: @attachedBoxShadow !important;
850
+ border-radius: 0em;
851
+ }
852
+ .ui.attached.top.button {
853
+ border-radius: @borderRadius @borderRadius 0em 0em;
854
+ }
855
+ .ui.attached.bottom.button {
856
+ border-radius: 0em 0em @borderRadius @borderRadius;
857
+ }
858
+ .ui.attached.left.button {
859
+ display: inline-block;
860
+ border-left: none;
861
+
862
+ padding-right: @attachedHorizontalPadding;
863
+ text-align: right;
864
+ border-radius: @borderRadius 0em 0em @borderRadius;
865
+ }
866
+ .ui.attached.right.button {
867
+ display: inline-block;
868
+ padding-left: @attachedHorizontalPadding;
869
+ text-align: left;
870
+ border-radius: 0em @borderRadius @borderRadius 0em;
871
+ }
872
+
873
+
874
+
875
+ /*-------------------
876
+ Or Buttons
877
+ --------------------*/
878
+
879
+ .ui.buttons .or {
880
+ position: relative;
881
+ float: left;
882
+ width: @orGap;
883
+ height: @orHeight;
884
+ z-index: 3;
885
+ }
886
+ .ui.buttons .or:before {
887
+ position: absolute;
888
+ content: @orText;
889
+ top: 50%;
890
+ left: 50%;
891
+ background-color: @orBackgroundColor;
892
+ text-shadow: @orTextShadow;
893
+
894
+ margin-top: @orVerticalOffset;
895
+ margin-left: @orHorizontalOffset;
896
+
897
+ width: @orCircleSize;
898
+ height: @orCircleSize;
899
+
900
+ line-height: @orLineHeight;
901
+ color: @orTextColor;
902
+
903
+ font-style: @orTextStyle;
904
+ font-weight: @orTextWeight;
905
+ text-align: center;
906
+
907
+ border-radius: 500em;
908
+ box-shadow: @orBoxShadow;
909
+ }
910
+ .ui.buttons .or[data-text]:before {
911
+ content: attr(data-text);
912
+ }
913
+
914
+ /* Fluid Or */
915
+ .ui.fluid.buttons .or {
916
+ width: 0em !important;
917
+ }
918
+ .ui.fluid.buttons .or:after {
919
+ display: none;
920
+ }
921
+
922
+
923
+ /*-------------------
924
+ Attached
925
+ --------------------*/
926
+
927
+ /* Plural Attached */
928
+ .attached.ui.buttons {
929
+ margin: 0px;
930
+ border-radius: 0em 0em 0em 0em;
931
+ }
932
+ .attached.ui.buttons .button {
933
+ margin: 0em;
934
+ }
935
+ .attached.ui.buttons .button:first-child {
936
+ border-radius: 0em 0em 0em 0em;
937
+ }
938
+ .attached.ui.buttons .button:last-child {
939
+ border-radius: 0em 0em 0em 0em;
940
+ }
941
+
942
+ /* Top Side */
943
+ [class*="top attached"].ui.buttons {
944
+ margin-bottom: @attachedOffset;
945
+ border-radius: @borderRadius @borderRadius 0em 0em;
946
+ }
947
+ [class*="top attached"].ui.buttons .button:first-child {
948
+ border-radius: @borderRadius 0em 0em 0em;
949
+ }
950
+ [class*="top attached"].ui.buttons .button:last-child {
951
+ border-radius: 0em @borderRadius 0em 0em;
952
+ }
953
+
954
+ /* Bottom Side */
955
+ [class*="bottom attached"].ui.buttons {
956
+ margin-top: @attachedOffset;
957
+ border-radius: 0em 0em @borderRadius @borderRadius;
958
+ }
959
+ [class*="bottom attached"].ui.buttons .button:first-child {
960
+ border-radius: 0em 0em 0em @borderRadius;
961
+ }
962
+ [class*="bottom attached"].ui.buttons .button:last-child {
963
+ border-radius: 0em 0em @borderRadius 0em;
964
+ }
965
+
966
+ /* Left Side */
967
+ [class*="left attached"].ui.buttons {
968
+ margin-left: @attachedOffset;
969
+ border-radius: 0em @borderRadius @borderRadius 0em;
970
+ }
971
+ [class*="left attached"].ui.buttons .button:first-child {
972
+ margin-left: @attachedOffset;
973
+ border-radius: 0em @borderRadius 0em 0em;
974
+ }
975
+ [class*="left attached"].ui.buttons .button:last-child {
976
+ margin-left: @attachedOffset;
977
+ border-radius: 0em 0em @borderRadius 0em;
978
+ }
979
+ /* Right Side */
980
+ [class*="right attached"].ui.buttons,
981
+ [class*="right attached"].ui.buttons .button {
982
+ margin-right: @attachedOffset;
983
+ border-radius: @borderRadius 0em 0em @borderRadius;
984
+ }
985
+ [class*="right attached"].ui.buttons .button:first-child {
986
+ margin-left: @attachedOffset;
987
+ border-radius: @borderRadius 0em 0em 0em;
988
+ }
989
+ [class*="right attached"].ui.buttons .button:last-child {
990
+ margin-left: @attachedOffset;
991
+ border-radius: 0em 0em 0em @borderRadius;
992
+ }
993
+
994
+
995
+
996
+ /* Fluid */
997
+ .ui.fluid.buttons,
998
+ .ui.button.fluid,
999
+ .ui.fluid.buttons > .button {
1000
+ display: block;
1001
+ width: 100%;
1002
+ }
1003
+
1004
+ .ui.\32.buttons,
1005
+ .ui.two.buttons {
1006
+ width: 100%;
1007
+ }
1008
+ .ui.\32.buttons > .button,
1009
+ .ui.two.buttons > .button {
1010
+ width: 50%;
1011
+ }
1012
+
1013
+ .ui.\33.buttons,
1014
+ .ui.three.buttons {
1015
+ width: 100%;
1016
+ }
1017
+ .ui.\33.buttons > .button,
1018
+ .ui.three.buttons > .button {
1019
+ width: 33.333%;
1020
+ }
1021
+
1022
+ .ui.\34.buttons,
1023
+ .ui.four.buttons {
1024
+ width: 100%;
1025
+ }
1026
+ .ui.\34.buttons > .button,
1027
+ .ui.four.buttons > .button {
1028
+ width: 25%;
1029
+ }
1030
+
1031
+ .ui.\35.buttons,
1032
+ .ui.five.buttons {
1033
+ width: 100%;
1034
+ }
1035
+ .ui.\35.buttons > .button,
1036
+ .ui.five.buttons > .button {
1037
+ width: 20%;
1038
+ }
1039
+
1040
+ .ui.\36.buttons,
1041
+ .ui.six.buttons {
1042
+ width: 100%;
1043
+ }
1044
+ .ui.\36.buttons > .button,
1045
+ .ui.six.buttons > .button {
1046
+ width: 16.666%;
1047
+ }
1048
+
1049
+ .ui.\37.buttons,
1050
+ .ui.seven.buttons {
1051
+ width: 100%;
1052
+ }
1053
+ .ui.\37.buttons > .button,
1054
+ .ui.seven.buttons > .button {
1055
+ width: 14.285%;
1056
+ }
1057
+
1058
+ .ui.\38.buttons,
1059
+ .ui.eight.buttons {
1060
+ width: 100%;
1061
+ }
1062
+ .ui.\38.buttons > .button,
1063
+ .ui.eight.buttons > .button {
1064
+ width: 12.500%;
1065
+ }
1066
+
1067
+ .ui.\39.buttons,
1068
+ .ui.nine.buttons {
1069
+ width: 100%;
1070
+ }
1071
+ .ui.\39.buttons > .button,
1072
+ .ui.nine.buttons > .button {
1073
+ width: 11.11%;
1074
+ }
1075
+
1076
+ .ui.\31\30.buttons,
1077
+ .ui.ten.buttons {
1078
+ width: 100%;
1079
+ }
1080
+ .ui.\31\30.buttons > .button,
1081
+ .ui.ten.buttons > .button {
1082
+ width: 10%;
1083
+ }
1084
+
1085
+ .ui.\31\31.buttons,
1086
+ .ui.eleven.buttons {
1087
+ width: 100%;
1088
+ }
1089
+ .ui.\31\31.buttons > .button,
1090
+ .ui.eleven.buttons > .button {
1091
+ width: 9.09%;
1092
+ }
1093
+
1094
+ .ui.\31\32.buttons,
1095
+ .ui.twelve.buttons {
1096
+ width: 100%;
1097
+ }
1098
+ .ui.\31\32.buttons > .button,
1099
+ .ui.twelve.buttons > .button {
1100
+ width: 8.3333%;
1101
+ }
1102
+
1103
+ /* Fluid Vertical Buttons */
1104
+ .ui.fluid.vertical.buttons,
1105
+ .ui.fluid.vertical.buttons > .button {
1106
+ display: block;
1107
+ width: auto;
1108
+ }
1109
+
1110
+ .ui.\32.vertical.buttons > .button,
1111
+ .ui.two.vertical.buttons > .button {
1112
+ height: 50%;
1113
+ }
1114
+ .ui.\33.vertical.buttons > .button,
1115
+ .ui.three.vertical.buttons > .button {
1116
+ height: 33.333%;
1117
+ }
1118
+ .ui.\34.vertical.buttons > .button,
1119
+ .ui.four.vertical.buttons > .button {
1120
+ height: 25%;
1121
+ }
1122
+ .ui.\35.vertical.buttons > .button,
1123
+ .ui.five.vertical.buttons > .button {
1124
+ height: 20%;
1125
+ }
1126
+ .ui.\36.vertical.buttons > .button,
1127
+ .ui.six.vertical.buttons > .button {
1128
+ height: 16.666%;
1129
+ }
1130
+ .ui.\37.vertical.buttons > .button,
1131
+ .ui.seven.vertical.buttons > .button {
1132
+ height: 14.285%;
1133
+ }
1134
+ .ui.\38.vertical.buttons > .button,
1135
+ .ui.eight.vertical.buttons > .button {
1136
+ height: 12.500%;
1137
+ }
1138
+ .ui.\39.vertical.buttons > .button,
1139
+ .ui.nine.vertical.buttons > .button {
1140
+ height: 11.11%;
1141
+ }
1142
+ .ui.\31\30.vertical.buttons > .button,
1143
+ .ui.ten.vertical.buttons > .button {
1144
+ height: 10%;
1145
+ }
1146
+ .ui.\31\31.vertical.buttons > .button,
1147
+ .ui.eleven.vertical.buttons > .button {
1148
+ height: 9.09%;
1149
+ }
1150
+ .ui.\31\32.vertical.buttons > .button,
1151
+ .ui.twelve.vertical.buttons > .button {
1152
+ height: 8.3333%;
1153
+ }
1154
+
1155
+
1156
+ /*-------------------
1157
+ Colors
1158
+ --------------------*/
1159
+
1160
+ /*--- Black ---*/
1161
+ .ui.black.buttons .button,
1162
+ .ui.black.button {
1163
+ background-color: @black;
1164
+ color: @invertedTextColor;
1165
+ text-shadow: @invertedTextShadow;
1166
+ background-image: @coloredBackgroundImage;
1167
+ }
1168
+ .ui.black.button {
1169
+ box-shadow: @coloredBoxShadow;
1170
+ }
1171
+ .ui.black.buttons .button:hover,
1172
+ .ui.black.button:hover {
1173
+ background-color: @blackHover;
1174
+ color: @invertedTextColor;
1175
+ text-shadow: @invertedTextShadow;
1176
+ }
1177
+ .ui.black.buttons .button:active,
1178
+ .ui.black.button:active {
1179
+ background-color: @blackDown;
1180
+ color: @invertedTextColor;
1181
+ text-shadow: @invertedTextShadow;
1182
+ }
1183
+ .ui.black.buttons .button.active,
1184
+ .ui.black.buttons .button.active:active,
1185
+ .ui.black.button.active,
1186
+ .ui.black.button .button.active:active {
1187
+ background-color: @blackActive;
1188
+ color: @invertedTextColor;
1189
+ text-shadow: @invertedTextShadow;
1190
+ }
1191
+
1192
+ /* Basic */
1193
+ .ui.basic.black.buttons .button,
1194
+ .ui.basic.black.button {
1195
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1196
+ color: @textColor !important;
1197
+ }
1198
+ .ui.basic.black.buttons .button:hover,
1199
+ .ui.basic.black.button:hover {
1200
+ background: transparent !important;
1201
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blackHover inset !important;
1202
+ color: @blackHover !important;
1203
+ }
1204
+ .ui.basic.black.buttons .button:active,
1205
+ .ui.basic.black.button:active {
1206
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
1207
+ color: @blackDown !important;
1208
+ }
1209
+ .ui.basic.black.buttons .button.active,
1210
+ .ui.basic.black.button.active {
1211
+ background: transparent !important;
1212
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;
1213
+ color: @blackDown !important;
1214
+ }
1215
+ .ui.buttons > .basic.black.button:not(:first-child) {
1216
+ margin-left: -@basicColoredBorderSize;
1217
+ }
1218
+
1219
+ /* Inverted */
1220
+ .ui.inverted.black.buttons .button,
1221
+ .ui.inverted.black.button {
1222
+ background-color: transparent;
1223
+ box-shadow: 0px 0px 0px @invertedBorderSize @solidBorderColor inset !important;
1224
+ color: @invertedTextColor;
1225
+ }
1226
+ .ui.inverted.black.buttons .button:hover,
1227
+ .ui.inverted.black.button:hover {
1228
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
1229
+ background-color: @lightBlack;
1230
+ color: @white;
1231
+ }
1232
+ .ui.inverted.black.buttons .button.active,
1233
+ .ui.inverted.black.button.active {
1234
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
1235
+ background-color: @lightBlack;
1236
+ color: @white;
1237
+ }
1238
+ .ui.inverted.black.buttons .button:active,
1239
+ .ui.inverted.black.button:active {
1240
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackDown inset !important;
1241
+ background-color: @lightBlackDown;
1242
+ color: @white;
1243
+ }
1244
+
1245
+ /* Inverted Basic */
1246
+ .ui.inverted.black.basic.buttons .button,
1247
+ .ui.inverted.black.buttons .basic.button,
1248
+ .ui.inverted.black.basic.button {
1249
+ background-color: transparent;
1250
+ box-shadow: @basicInvertedBoxShadow !important;
1251
+ color: @white !important;
1252
+ }
1253
+ .ui.inverted.black.basic.buttons .button:hover,
1254
+ .ui.inverted.black.buttons .basic.button:hover,
1255
+ .ui.inverted.black.basic.button:hover {
1256
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
1257
+ color: @white !important;
1258
+ }
1259
+ .ui.inverted.black.basic.buttons .button.active,
1260
+ .ui.inverted.black.buttons .basic.button.active,
1261
+ .ui.inverted.black.basic.button.active {
1262
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important;
1263
+ color: @white !important;
1264
+ }
1265
+ .ui.inverted.black.basic.buttons .button:active,
1266
+ .ui.inverted.black.buttons .basic.button:active,
1267
+ .ui.inverted.black.basic.button:active {
1268
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackDown inset !important;
1269
+ color: @white !important;
1270
+ }
1271
+
1272
+
1273
+
1274
+ /*--- Blue ---*/
1275
+ .ui.blue.buttons .button,
1276
+ .ui.blue.button {
1277
+ background-color: @blue;
1278
+ color: @invertedTextColor;
1279
+ text-shadow: @invertedTextShadow;
1280
+ background-image: @coloredBackgroundImage;
1281
+ }
1282
+ .ui.blue.button {
1283
+ box-shadow: @coloredBoxShadow;
1284
+ }
1285
+ .ui.blue.buttons .button:hover,
1286
+ .ui.blue.button:hover {
1287
+ background-color: @blueHover;
1288
+ color: @invertedTextColor;
1289
+ text-shadow: @invertedTextShadow;
1290
+ }
1291
+ .ui.blue.buttons .button:active,
1292
+ .ui.blue.button:active {
1293
+ background-color: @blueDown;
1294
+ color: @invertedTextColor;
1295
+ text-shadow: @invertedTextShadow;
1296
+ }
1297
+ .ui.blue.buttons .button.active,
1298
+ .ui.blue.buttons .button.active:active,
1299
+ .ui.blue.button.active,
1300
+ .ui.blue.button .button.active:active {
1301
+ background-color: @blueActive;
1302
+ color: @invertedTextColor;
1303
+ text-shadow: @invertedTextShadow;
1304
+ }
1305
+
1306
+
1307
+ /* Basic */
1308
+ .ui.basic.blue.buttons .button,
1309
+ .ui.basic.blue.button {
1310
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1311
+ color: @textColor !important;
1312
+ }
1313
+ .ui.basic.blue.buttons .button:hover,
1314
+ .ui.basic.blue.button:hover {
1315
+ background: transparent !important;
1316
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blueHover inset !important;
1317
+ color: @blueHover !important;
1318
+ }
1319
+ .ui.basic.blue.buttons .button:active,
1320
+ .ui.basic.blue.button:active {
1321
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
1322
+ color: @blueDown !important;
1323
+ }
1324
+ .ui.basic.blue.buttons .button.active,
1325
+ .ui.basic.blue.button.active {
1326
+ background: transparent !important;
1327
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;
1328
+ color: @blueDown !important;
1329
+ }
1330
+ .ui.buttons > .basic.blue.button:not(:first-child) {
1331
+ margin-left: -@basicColoredBorderSize;
1332
+ }
1333
+
1334
+ /* Inverted */
1335
+ .ui.inverted.blue.buttons .button,
1336
+ .ui.inverted.blue.button {
1337
+ background-color: transparent;
1338
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
1339
+ color: @lightBlue;
1340
+ }
1341
+ .ui.inverted.blue.buttons .button:hover,
1342
+ .ui.inverted.blue.button:hover {
1343
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
1344
+ background-color: @lightBlue;
1345
+ color: @white;
1346
+ }
1347
+ .ui.inverted.blue.buttons .button.active,
1348
+ .ui.inverted.blue.button.active {
1349
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
1350
+ background-color: @lightBlue;
1351
+ color: @white;
1352
+ }
1353
+ .ui.inverted.blue.buttons .button:active,
1354
+ .ui.inverted.blue.button:active {
1355
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueDown inset !important;
1356
+ background-color: @lightBlueDown;
1357
+ color: @white;
1358
+ }
1359
+
1360
+ /* Inverted Basic */
1361
+ .ui.inverted.blue.basic.buttons .button,
1362
+ .ui.inverted.blue.buttons .basic.button,
1363
+ .ui.inverted.blue.basic.button {
1364
+ background-color: transparent;
1365
+ box-shadow: @basicInvertedBoxShadow !important;
1366
+ color: @white !important;
1367
+ }
1368
+ .ui.inverted.blue.basic.buttons .button:hover,
1369
+ .ui.inverted.blue.buttons .basic.button:hover,
1370
+ .ui.inverted.blue.basic.button:hover {
1371
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
1372
+ color: @lightBlue !important;
1373
+ }
1374
+ .ui.inverted.blue.basic.buttons .button.active,
1375
+ .ui.inverted.blue.buttons .basic.button.active,
1376
+ .ui.inverted.blue.basic.button.active {
1377
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;
1378
+ color: @lightBlue !important;
1379
+ }
1380
+ .ui.inverted.blue.basic.buttons .button:active,
1381
+ .ui.inverted.blue.buttons .basic.button:active,
1382
+ .ui.inverted.blue.basic.button:active {
1383
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueDown inset !important;
1384
+ color: @lightBlue !important;
1385
+ }
1386
+
1387
+ /*--- Green ---*/
1388
+ .ui.green.buttons .button,
1389
+ .ui.green.button {
1390
+ background-color: @green;
1391
+ color: @invertedTextColor;
1392
+ text-shadow: @invertedTextShadow;
1393
+ background-image: @coloredBackgroundImage;
1394
+ }
1395
+ .ui.green.button {
1396
+ box-shadow: @coloredBoxShadow;
1397
+ }
1398
+ .ui.green.buttons .button:hover,
1399
+ .ui.green.button:hover {
1400
+ background-color: @greenHover;
1401
+ color: @invertedTextColor;
1402
+ text-shadow: @invertedTextShadow;
1403
+ }
1404
+ .ui.green.buttons .button:active,
1405
+ .ui.green.button:active {
1406
+ background-color: @greenDown;
1407
+ color: @invertedTextColor;
1408
+ text-shadow: @invertedTextShadow;
1409
+ }
1410
+ .ui.green.buttons .button.active,
1411
+ .ui.green.buttons .button.active:active,
1412
+ .ui.green.button.active,
1413
+ .ui.green.button .button.active:active {
1414
+ background-color: @greenActive;
1415
+ color: @invertedTextColor;
1416
+ text-shadow: @invertedTextShadow;
1417
+ }
1418
+
1419
+
1420
+ /* Basic */
1421
+ .ui.basic.green.buttons .button,
1422
+ .ui.basic.green.button {
1423
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1424
+ color: @textColor !important;
1425
+ }
1426
+ .ui.basic.green.buttons .button:hover,
1427
+ .ui.basic.green.button:hover {
1428
+ background: transparent !important;
1429
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @greenHover inset !important;
1430
+ color: @greenHover !important;
1431
+ }
1432
+ .ui.basic.green.buttons .button:active,
1433
+ .ui.basic.green.button:active {
1434
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
1435
+ color: @greenDown !important;
1436
+ }
1437
+ .ui.basic.green.buttons .button.active,
1438
+ .ui.basic.green.button.active {
1439
+ background: transparent !important;
1440
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;
1441
+ color: @greenDown !important;
1442
+ }
1443
+ .ui.buttons > .basic.green.button:not(:first-child) {
1444
+ margin-left: -@basicColoredBorderSize;
1445
+ }
1446
+
1447
+ /* Inverted */
1448
+ .ui.inverted.green.buttons .button,
1449
+ .ui.inverted.green.button {
1450
+ background-color: transparent;
1451
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
1452
+ color: @lightGreen;
1453
+ }
1454
+ .ui.inverted.green.buttons .button:hover,
1455
+ .ui.inverted.green.button:hover {
1456
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
1457
+ background-color: @lightGreen;
1458
+ color: @white;
1459
+ }
1460
+ .ui.inverted.green.buttons .button.active,
1461
+ .ui.inverted.green.button.active {
1462
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
1463
+ background-color: @lightGreen;
1464
+ color: @white;
1465
+ }
1466
+ .ui.inverted.green.buttons .button:active,
1467
+ .ui.inverted.green.button:active {
1468
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenDown inset !important;
1469
+ background-color: @lightGreenDown;
1470
+ color: @white;
1471
+ }
1472
+
1473
+ /* Inverted Basic */
1474
+ .ui.inverted.green.basic.buttons .button,
1475
+ .ui.inverted.green.buttons .basic.button,
1476
+ .ui.inverted.green.basic.button {
1477
+ background-color: transparent;
1478
+ box-shadow: @basicInvertedBoxShadow !important;
1479
+ color: @white !important;
1480
+ }
1481
+ .ui.inverted.green.basic.buttons .button:hover,
1482
+ .ui.inverted.green.buttons .basic.button:hover,
1483
+ .ui.inverted.green.basic.button:hover {
1484
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
1485
+ color: @lightGreen !important;
1486
+ }
1487
+ .ui.inverted.green.basic.buttons .button.active,
1488
+ .ui.inverted.green.buttons .basic.button.active,
1489
+ .ui.inverted.green.basic.button.active {
1490
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;
1491
+ color: @lightGreen !important;
1492
+ }
1493
+ .ui.inverted.green.basic.buttons .button:active,
1494
+ .ui.inverted.green.buttons .basic.button:active,
1495
+ .ui.inverted.green.basic.button:active {
1496
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenDown inset !important;
1497
+ color: @lightGreen !important;
1498
+ }
1499
+
1500
+ /*--- Orange ---*/
1501
+ .ui.orange.buttons .button,
1502
+ .ui.orange.button {
1503
+ background-color: @orange;
1504
+ color: @invertedTextColor;
1505
+ text-shadow: @invertedTextShadow;
1506
+ background-image: @coloredBackgroundImage;
1507
+ }
1508
+ .ui.orange.button {
1509
+ box-shadow: @coloredBoxShadow;
1510
+ }
1511
+ .ui.orange.buttons .button:hover,
1512
+ .ui.orange.button:hover {
1513
+ background-color: @orangeHover;
1514
+ color: @invertedTextColor;
1515
+ text-shadow: @invertedTextShadow;
1516
+ }
1517
+ .ui.orange.buttons .button:active,
1518
+ .ui.orange.button:active {
1519
+ background-color: @orangeDown;
1520
+ color: @invertedTextColor;
1521
+ text-shadow: @invertedTextShadow;
1522
+ }
1523
+ .ui.orange.buttons .button.active,
1524
+ .ui.orange.buttons .button.active:active,
1525
+ .ui.orange.button.active,
1526
+ .ui.orange.button .button.active:active {
1527
+ background-color: @blackActive;
1528
+ color: @invertedTextColor;
1529
+ text-shadow: @invertedTextShadow;
1530
+ }
1531
+
1532
+ /* Basic */
1533
+ .ui.basic.orange.buttons .button,
1534
+ .ui.basic.orange.button {
1535
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1536
+ color: @textColor !important;
1537
+ }
1538
+ .ui.basic.orange.buttons .button:hover,
1539
+ .ui.basic.orange.button:hover {
1540
+ background: transparent !important;
1541
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeHover inset !important;
1542
+ color: @orangeHover !important;
1543
+ }
1544
+ .ui.basic.orange.buttons .button:active,
1545
+ .ui.basic.orange.button:active {
1546
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
1547
+ color: @orangeDown !important;
1548
+ }
1549
+ .ui.basic.orange.buttons .button.active,
1550
+ .ui.basic.orange.button.active {
1551
+ background: transparent !important;
1552
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;
1553
+ color: @orangeDown !important;
1554
+ }
1555
+ .ui.buttons > .basic.orange.button:not(:first-child) {
1556
+ margin-left: -@basicColoredBorderSize;
1557
+ }
1558
+
1559
+ /* Inverted */
1560
+ .ui.inverted.orange.buttons .button,
1561
+ .ui.inverted.orange.button {
1562
+ background-color: transparent;
1563
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
1564
+ color: @lightOrange;
1565
+ }
1566
+ .ui.inverted.orange.buttons .button:hover,
1567
+ .ui.inverted.orange.button:hover {
1568
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
1569
+ background-color: @lightOrange;
1570
+ color: @white;
1571
+ }
1572
+ .ui.inverted.orange.buttons .button.active,
1573
+ .ui.inverted.orange.button.active {
1574
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
1575
+ background-color: @lightOrange;
1576
+ color: @white;
1577
+ }
1578
+ .ui.inverted.orange.buttons .button:active,
1579
+ .ui.inverted.orange.button:active {
1580
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeDown inset !important;
1581
+ background-color: @lightOrangeDown;
1582
+ color: @white;
1583
+ }
1584
+
1585
+ /* Inverted Basic */
1586
+ .ui.inverted.orange.basic.buttons .button,
1587
+ .ui.inverted.orange.buttons .basic.button,
1588
+ .ui.inverted.orange.basic.button {
1589
+ background-color: transparent;
1590
+ box-shadow: @basicInvertedBoxShadow !important;
1591
+ color: @white !important;
1592
+ }
1593
+ .ui.inverted.orange.basic.buttons .button:hover,
1594
+ .ui.inverted.orange.buttons .basic.button:hover,
1595
+ .ui.inverted.orange.basic.button:hover {
1596
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
1597
+ color: @lightOrange !important;
1598
+ }
1599
+ .ui.inverted.orange.basic.buttons .button.active,
1600
+ .ui.inverted.orange.buttons .basic.button.active,
1601
+ .ui.inverted.orange.basic.button.active {
1602
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;
1603
+ color: @lightOrange !important;
1604
+ }
1605
+ .ui.inverted.orange.basic.buttons .button:active,
1606
+ .ui.inverted.orange.buttons .basic.button:active,
1607
+ .ui.inverted.orange.basic.button:active {
1608
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeDown inset !important;
1609
+ color: @lightOrange !important;
1610
+ }
1611
+
1612
+ /*--- Pink ---*/
1613
+ .ui.pink.buttons .button,
1614
+ .ui.pink.button {
1615
+ background-color: @pink;
1616
+ color: @invertedTextColor;
1617
+ text-shadow: @invertedTextShadow;
1618
+ background-image: @coloredBackgroundImage;
1619
+ }
1620
+ .ui.pink.button {
1621
+ box-shadow: @coloredBoxShadow;
1622
+ }
1623
+ .ui.pink.buttons .button:hover,
1624
+ .ui.pink.button:hover {
1625
+ background-color: @pinkHover;
1626
+ color: @invertedTextColor;
1627
+ text-shadow: @invertedTextShadow;
1628
+ }
1629
+ .ui.pink.buttons .button:active,
1630
+ .ui.pink.button:active {
1631
+ background-color: @pinkDown;
1632
+ color: @invertedTextColor;
1633
+ text-shadow: @invertedTextShadow;
1634
+ }
1635
+ .ui.pink.buttons .button.active,
1636
+ .ui.pink.buttons .button.active:active,
1637
+ .ui.pink.button.active,
1638
+ .ui.pink.button .button.active:active {
1639
+ background-color: @pinkActive;
1640
+ color: @invertedTextColor;
1641
+ text-shadow: @invertedTextShadow;
1642
+ }
1643
+
1644
+ /* Basic */
1645
+ .ui.basic.pink.buttons .button,
1646
+ .ui.basic.pink.button {
1647
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1648
+ color: @textColor !important;
1649
+ }
1650
+ .ui.basic.pink.buttons .button:hover,
1651
+ .ui.basic.pink.button:hover {
1652
+ background: transparent !important;
1653
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkHover inset !important;
1654
+ color: @pinkHover !important;
1655
+ }
1656
+ .ui.basic.pink.buttons .button:active,
1657
+ .ui.basic.pink.button:active {
1658
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
1659
+ color: @pinkDown !important;
1660
+ }
1661
+ .ui.basic.pink.buttons .button.active,
1662
+ .ui.basic.pink.button.active {
1663
+ background: transparent !important;
1664
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;
1665
+ color: @pinkDown !important;
1666
+ }
1667
+ .ui.buttons > .basic.pink.button:not(:first-child) {
1668
+ margin-left: -@basicColoredBorderSize;
1669
+ }
1670
+
1671
+ /* Inverted */
1672
+ .ui.inverted.pink.buttons .button,
1673
+ .ui.inverted.pink.button {
1674
+ background-color: transparent;
1675
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
1676
+ color: @lightPink;
1677
+ }
1678
+ .ui.inverted.pink.buttons .button:hover,
1679
+ .ui.inverted.pink.button:hover {
1680
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
1681
+ background-color: @lightPink;
1682
+ color: @white;
1683
+ }
1684
+ .ui.inverted.pink.buttons .button.active,
1685
+ .ui.inverted.pink.button.active {
1686
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
1687
+ background-color: @lightPink;
1688
+ color: @white;
1689
+ }
1690
+ .ui.inverted.pink.buttons .button:active,
1691
+ .ui.inverted.pink.button:active {
1692
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkDown inset !important;
1693
+ background-color: @lightPinkDown;
1694
+ color: @white;
1695
+ }
1696
+
1697
+ /* Inverted Basic */
1698
+ .ui.inverted.pink.basic.buttons .button,
1699
+ .ui.inverted.pink.buttons .basic.button,
1700
+ .ui.inverted.pink.basic.button {
1701
+ background-color: transparent;
1702
+ box-shadow: @basicInvertedBoxShadow !important;
1703
+ color: @white !important;
1704
+ }
1705
+ .ui.inverted.pink.basic.buttons .button:hover,
1706
+ .ui.inverted.pink.buttons .basic.button:hover,
1707
+ .ui.inverted.pink.basic.button:hover {
1708
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
1709
+ color: @lightPink !important;
1710
+ }
1711
+ .ui.inverted.pink.basic.buttons .button.active,
1712
+ .ui.inverted.pink.buttons .basic.button.active,
1713
+ .ui.inverted.pink.basic.button.active {
1714
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;
1715
+ color: @lightPink !important;
1716
+ }
1717
+ .ui.inverted.pink.basic.buttons .button:active,
1718
+ .ui.inverted.pink.buttons .basic.button:active,
1719
+ .ui.inverted.pink.basic.button:active {
1720
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkDown inset !important;
1721
+ color: @lightPink !important;
1722
+ }
1723
+
1724
+ /*--- Purple ---*/
1725
+ .ui.purple.buttons .button,
1726
+ .ui.purple.button {
1727
+ background-color: @purple;
1728
+ color: @invertedTextColor;
1729
+ text-shadow: @invertedTextShadow;
1730
+ background-image: @coloredBackgroundImage;
1731
+ }
1732
+ .ui.purple.button {
1733
+ box-shadow: @coloredBoxShadow;
1734
+ }
1735
+ .ui.purple.buttons .button:hover,
1736
+ .ui.purple.button:hover {
1737
+ background-color: @purpleHover;
1738
+ color: @invertedTextColor;
1739
+ text-shadow: @invertedTextShadow;
1740
+ }
1741
+ .ui.purple.buttons .button:active,
1742
+ .ui.purple.button:active {
1743
+ background-color: @purpleDown;
1744
+ color: @invertedTextColor;
1745
+ text-shadow: @invertedTextShadow;
1746
+ }
1747
+ .ui.purple.buttons .button.active,
1748
+ .ui.purple.buttons .button.active:active,
1749
+ .ui.purple.button.active,
1750
+ .ui.purple.button .button.active:active {
1751
+ background-color: @purpleActive;
1752
+ color: @invertedTextColor;
1753
+ text-shadow: @invertedTextShadow;
1754
+ }
1755
+
1756
+ /* Basic */
1757
+ .ui.basic.purple.buttons .button,
1758
+ .ui.basic.purple.button {
1759
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1760
+ color: @textColor !important;
1761
+ }
1762
+ .ui.basic.purple.buttons .button:hover,
1763
+ .ui.basic.purple.button:hover {
1764
+ background: transparent !important;
1765
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleHover inset !important;
1766
+ color: @purpleHover !important;
1767
+ }
1768
+ .ui.basic.purple.buttons .button:active,
1769
+ .ui.basic.purple.button:active {
1770
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
1771
+ color: @purpleDown !important;
1772
+ }
1773
+ .ui.basic.purple.buttons .button.active,
1774
+ .ui.basic.purple.button.active {
1775
+ background: transparent !important;
1776
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;
1777
+ color: @purpleDown !important;
1778
+ }
1779
+ .ui.buttons > .basic.purple.button:not(:first-child) {
1780
+ margin-left: -@basicColoredBorderSize;
1781
+ }
1782
+
1783
+ /* Inverted */
1784
+ .ui.inverted.purple.buttons .button,
1785
+ .ui.inverted.purple.button {
1786
+ background-color: transparent;
1787
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
1788
+ color: @lightPurple;
1789
+ }
1790
+ .ui.inverted.purple.buttons .button:hover,
1791
+ .ui.inverted.purple.button:hover {
1792
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
1793
+ background-color: @lightPurple;
1794
+ color: @black;
1795
+ }
1796
+ .ui.inverted.purple.buttons .button.active,
1797
+ .ui.inverted.purple.button.active {
1798
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
1799
+ background-color: @lightPurple;
1800
+ color: @black;
1801
+ }
1802
+ .ui.inverted.purple.buttons .button:active,
1803
+ .ui.inverted.purple.button:active {
1804
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleDown inset !important;
1805
+ background-color: @lightPurpleDown;
1806
+ color: @black;
1807
+ }
1808
+
1809
+ /* Inverted Basic */
1810
+ .ui.inverted.purple.basic.buttons .button,
1811
+ .ui.inverted.purple.buttons .basic.button,
1812
+ .ui.inverted.purple.basic.button {
1813
+ background-color: transparent;
1814
+ box-shadow: @basicInvertedBoxShadow !important;
1815
+ color: @white !important;
1816
+ }
1817
+ .ui.inverted.purple.basic.buttons .button:hover,
1818
+ .ui.inverted.purple.buttons .basic.button:hover,
1819
+ .ui.inverted.purple.basic.button:hover {
1820
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
1821
+ color: @lightPurple !important;
1822
+ }
1823
+ .ui.inverted.purple.basic.buttons .button.active,
1824
+ .ui.inverted.purple.buttons .basic.button.active,
1825
+ .ui.inverted.purple.basic.button.active {
1826
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;
1827
+ color: @lightPurple !important;
1828
+ }
1829
+ .ui.inverted.purple.basic.buttons .button:active,
1830
+ .ui.inverted.purple.buttons .basic.button:active,
1831
+ .ui.inverted.purple.basic.button:active {
1832
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleDown inset !important;
1833
+ color: @lightPurple !important;
1834
+ }
1835
+
1836
+ /*--- Red ---*/
1837
+ .ui.red.buttons .button,
1838
+ .ui.red.button {
1839
+ background-color: @red;
1840
+ color: @invertedTextColor;
1841
+ text-shadow: @invertedTextShadow;
1842
+ background-image: @coloredBackgroundImage;
1843
+ }
1844
+ .ui.red.button {
1845
+ box-shadow: @coloredBoxShadow;
1846
+ }
1847
+ .ui.red.buttons .button:hover,
1848
+ .ui.red.button:hover {
1849
+ background-color: @redHover;
1850
+ color: @invertedTextColor;
1851
+ text-shadow: @invertedTextShadow;
1852
+ }
1853
+ .ui.red.buttons .button:active,
1854
+ .ui.red.button:active {
1855
+ background-color: @redDown;
1856
+ color: @invertedTextColor;
1857
+ text-shadow: @invertedTextShadow;
1858
+ }
1859
+ .ui.red.buttons .button.active,
1860
+ .ui.red.buttons .button.active:active,
1861
+ .ui.red.button.active,
1862
+ .ui.red.button .button.active:active {
1863
+ background-color: @redActive;
1864
+ color: @invertedTextColor;
1865
+ text-shadow: @invertedTextShadow;
1866
+ }
1867
+
1868
+ /* Basic */
1869
+ .ui.basic.red.buttons .button,
1870
+ .ui.basic.red.button {
1871
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1872
+ color: @textColor !important;
1873
+ }
1874
+ .ui.basic.red.buttons .button:hover,
1875
+ .ui.basic.red.button:hover {
1876
+ background: transparent !important;
1877
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @redHover inset !important;
1878
+ color: @redHover !important;
1879
+ }
1880
+ .ui.basic.red.buttons .button:active,
1881
+ .ui.basic.red.button:active {
1882
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
1883
+ color: @redDown !important;
1884
+ }
1885
+ .ui.basic.red.buttons .button.active,
1886
+ .ui.basic.red.button.active {
1887
+ background: transparent !important;
1888
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;
1889
+ color: @redDown !important;
1890
+ }
1891
+ .ui.buttons > .basic.red.button:not(:first-child) {
1892
+ margin-left: -@basicColoredBorderSize;
1893
+ }
1894
+
1895
+ /* Inverted */
1896
+ .ui.inverted.red.buttons .button,
1897
+ .ui.inverted.red.button {
1898
+ background-color: transparent;
1899
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
1900
+ color: @lightRed;
1901
+ }
1902
+ .ui.inverted.red.buttons .button:hover,
1903
+ .ui.inverted.red.button:hover {
1904
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
1905
+ background-color: @lightRed;
1906
+ color: @white;
1907
+ }
1908
+ .ui.inverted.red.buttons .button.active,
1909
+ .ui.inverted.red.button.active {
1910
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
1911
+ background-color: @lightRed;
1912
+ color: @white;
1913
+ }
1914
+ .ui.inverted.red.buttons .button:active,
1915
+ .ui.inverted.red.button:active {
1916
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRedDown inset !important;
1917
+ background-color: @lightRedDown;
1918
+ color: @white;
1919
+ }
1920
+
1921
+ /* Inverted Basic */
1922
+ .ui.inverted.red.basic.buttons .button,
1923
+ .ui.inverted.red.buttons .basic.button,
1924
+ .ui.inverted.red.basic.button {
1925
+ background-color: transparent;
1926
+ box-shadow: @basicInvertedBoxShadow !important;
1927
+ color: @white !important;
1928
+ }
1929
+ .ui.inverted.red.basic.buttons .button:hover,
1930
+ .ui.inverted.red.buttons .basic.button:hover,
1931
+ .ui.inverted.red.basic.button:hover {
1932
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
1933
+ color: @lightRed !important;
1934
+ }
1935
+ .ui.inverted.red.basic.buttons .button.active,
1936
+ .ui.inverted.red.buttons .basic.button.active,
1937
+ .ui.inverted.red.basic.button.active {
1938
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;
1939
+ color: @lightRed !important;
1940
+ }
1941
+ .ui.inverted.red.basic.buttons .button:active,
1942
+ .ui.inverted.red.buttons .basic.button:active,
1943
+ .ui.inverted.red.basic.button:active {
1944
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightRedDown inset !important;
1945
+ color: @lightRed !important;
1946
+ }
1947
+
1948
+
1949
+ /*--- Teal ---*/
1950
+ .ui.teal.buttons .button,
1951
+ .ui.teal.button {
1952
+ background-color: @teal;
1953
+ color: @invertedTextColor;
1954
+ text-shadow: @invertedTextShadow;
1955
+ background-image: @coloredBackgroundImage;
1956
+ }
1957
+ .ui.teal.button {
1958
+ box-shadow: @coloredBoxShadow;
1959
+ }
1960
+ .ui.teal.buttons .button:hover,
1961
+ .ui.teal.button:hover {
1962
+ background-color: @tealHover;
1963
+ color: @invertedTextColor;
1964
+ text-shadow: @invertedTextShadow;
1965
+ }
1966
+ .ui.teal.buttons .button:active,
1967
+ .ui.teal.button:active {
1968
+ background-color: @tealDown;
1969
+ color: @invertedTextColor;
1970
+ text-shadow: @invertedTextShadow;
1971
+ }
1972
+ .ui.teal.buttons .button.active,
1973
+ .ui.teal.buttons .button.active:active,
1974
+ .ui.teal.button.active,
1975
+ .ui.teal.button .button.active:active {
1976
+ background-color: @tealActive;
1977
+ color: @invertedTextColor;
1978
+ text-shadow: @invertedTextShadow;
1979
+ }
1980
+
1981
+ /* Basic */
1982
+ .ui.basic.teal.buttons .button,
1983
+ .ui.basic.teal.button {
1984
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
1985
+ color: @textColor !important;
1986
+ }
1987
+ .ui.basic.teal.buttons .button:hover,
1988
+ .ui.basic.teal.button:hover {
1989
+ background: transparent !important;
1990
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @tealHover inset !important;
1991
+ color: @tealHover !important;
1992
+ }
1993
+ .ui.basic.teal.buttons .button:active,
1994
+ .ui.basic.teal.button:active {
1995
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
1996
+ color: @tealDown !important;
1997
+ }
1998
+ .ui.basic.teal.buttons .button.active,
1999
+ .ui.basic.teal.button.active {
2000
+ background: transparent !important;
2001
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;
2002
+ color: @tealDown !important;
2003
+ }
2004
+ .ui.buttons > .basic.teal.button:not(:first-child) {
2005
+ margin-left: -@basicColoredBorderSize;
2006
+ }
2007
+
2008
+ /* Inverted */
2009
+ .ui.inverted.teal.buttons .button,
2010
+ .ui.inverted.teal.button {
2011
+ background-color: transparent;
2012
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
2013
+ color: @lightTeal;
2014
+ }
2015
+ .ui.inverted.teal.buttons .button:hover,
2016
+ .ui.inverted.teal.button:hover {
2017
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
2018
+ background-color: @lightTeal;
2019
+ color: @black;
2020
+ }
2021
+ .ui.inverted.teal.buttons .button.active,
2022
+ .ui.inverted.teal.button.active {
2023
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
2024
+ background-color: @lightTeal;
2025
+ color: @black;
2026
+ }
2027
+ .ui.inverted.teal.buttons .button:active,
2028
+ .ui.inverted.teal.button:active {
2029
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTealDown inset !important;
2030
+ background-color: @lightTealDown;
2031
+ color: @black;
2032
+ }
2033
+
2034
+ /* Inverted Basic */
2035
+ .ui.inverted.teal.basic.buttons .button,
2036
+ .ui.inverted.teal.buttons .basic.button,
2037
+ .ui.inverted.teal.basic.button {
2038
+ background-color: transparent;
2039
+ box-shadow: @basicInvertedBoxShadow !important;
2040
+ color: @white !important;
2041
+ }
2042
+ .ui.inverted.teal.basic.buttons .button:hover,
2043
+ .ui.inverted.teal.buttons .basic.button:hover,
2044
+ .ui.inverted.teal.basic.button:hover {
2045
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
2046
+ color: @lightTeal !important;
2047
+ }
2048
+ .ui.inverted.teal.basic.buttons .button.active,
2049
+ .ui.inverted.teal.buttons .basic.button.active,
2050
+ .ui.inverted.teal.basic.button.active {
2051
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;
2052
+ color: @lightTeal !important;
2053
+ }
2054
+ .ui.inverted.teal.basic.buttons .button:active,
2055
+ .ui.inverted.teal.buttons .basic.button:active,
2056
+ .ui.inverted.teal.basic.button:active {
2057
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightTealDown inset !important;
2058
+ color: @lightTeal !important;
2059
+ }
2060
+
2061
+
2062
+ /*--- Yellow ---*/
2063
+ .ui.yellow.buttons .button,
2064
+ .ui.yellow.button {
2065
+ background-color: @yellow;
2066
+ color: @invertedTextColor;
2067
+ text-shadow: @invertedTextShadow;
2068
+ background-image: @coloredBackgroundImage;
2069
+ }
2070
+ .ui.yellow.button {
2071
+ box-shadow: @coloredBoxShadow;
2072
+ }
2073
+ .ui.yellow.buttons .button:hover,
2074
+ .ui.yellow.button:hover {
2075
+ background-color: @yellowHover;
2076
+ color: @invertedTextColor;
2077
+ text-shadow: @invertedTextShadow;
2078
+ }
2079
+ .ui.yellow.buttons .button:active,
2080
+ .ui.yellow.button:active {
2081
+ background-color: @yellowDown;
2082
+ color: @invertedTextColor;
2083
+ text-shadow: @invertedTextShadow;
2084
+ }
2085
+ .ui.yellow.buttons .button.active,
2086
+ .ui.yellow.buttons .button.active:active,
2087
+ .ui.yellow.button.active,
2088
+ .ui.yellow.button .button.active:active {
2089
+ background-color: @yellowActive;
2090
+ color: @invertedTextColor;
2091
+ text-shadow: @invertedTextShadow;
2092
+ }
2093
+
2094
+ /* Basic */
2095
+ .ui.basic.yellow.buttons .button,
2096
+ .ui.basic.yellow.button {
2097
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important;
2098
+ color: @textColor !important;
2099
+ }
2100
+ .ui.basic.yellow.buttons .button:hover,
2101
+ .ui.basic.yellow.button:hover {
2102
+ background: transparent !important;
2103
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowHover inset !important;
2104
+ color: @yellowHover !important;
2105
+ }
2106
+ .ui.basic.yellow.buttons .button:active,
2107
+ .ui.basic.yellow.button:active {
2108
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
2109
+ color: @yellowDown !important;
2110
+ }
2111
+ .ui.basic.yellow.buttons .button.active,
2112
+ .ui.basic.yellow.button.active {
2113
+ background: transparent !important;
2114
+ box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;
2115
+ color: @yellowDown !important;
2116
+ }
2117
+ .ui.buttons > .basic.yellow.button:not(:first-child) {
2118
+ margin-left: -@basicColoredBorderSize;
2119
+ }
2120
+
2121
+ /* Inverted */
2122
+ .ui.inverted.yellow.buttons .button,
2123
+ .ui.inverted.yellow.button {
2124
+ background-color: transparent;
2125
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
2126
+ color: @lightYellow;
2127
+ }
2128
+ .ui.inverted.yellow.buttons .button:hover,
2129
+ .ui.inverted.yellow.button:hover {
2130
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
2131
+ background-color: @lightYellow;
2132
+ color: @black;
2133
+ }
2134
+ .ui.inverted.yellow.buttons .button.active,
2135
+ .ui.inverted.yellow.button.active {
2136
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
2137
+ background-color: @lightYellow;
2138
+ color: @black;
2139
+ }
2140
+ .ui.inverted.yellow.buttons .button:active,
2141
+ .ui.inverted.yellow.button:active {
2142
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowDown inset !important;
2143
+ background-color: @lightYellowDown;
2144
+ color: @black;
2145
+ }
2146
+
2147
+ /* Inverted Basic */
2148
+ .ui.inverted.yellow.basic.buttons .button,
2149
+ .ui.inverted.yellow.buttons .basic.button,
2150
+ .ui.inverted.yellow.basic.button {
2151
+ background-color: transparent;
2152
+ box-shadow: @basicInvertedBoxShadow !important;
2153
+ color: @white !important;
2154
+ }
2155
+ .ui.inverted.yellow.basic.buttons .button:hover,
2156
+ .ui.inverted.yellow.buttons .basic.button:hover,
2157
+ .ui.inverted.yellow.basic.button:hover {
2158
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
2159
+ color: @lightYellow !important;
2160
+ }
2161
+ .ui.inverted.yellow.basic.buttons .button.active,
2162
+ .ui.inverted.yellow.buttons .basic.button.active,
2163
+ .ui.inverted.yellow.basic.button.active {
2164
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;
2165
+ color: @lightYellow !important;
2166
+ }
2167
+ .ui.inverted.yellow.basic.buttons .button:active,
2168
+ .ui.inverted.yellow.buttons .basic.button:active,
2169
+ .ui.inverted.yellow.basic.button:active {
2170
+ box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowDown inset !important;
2171
+ color: @lightYellow !important;
2172
+ }
2173
+
2174
+
2175
+ /*-------------------
2176
+ Primary
2177
+ --------------------*/
2178
+
2179
+ .ui.primary.buttons .button,
2180
+ .ui.primary.button {
2181
+ background-color: @primaryColor;
2182
+ color: @primaryTextColor;
2183
+ text-shadow: @primaryTextShadow;
2184
+ background-image: @primaryBackgroundImage;
2185
+ }
2186
+ .ui.primary.button {
2187
+ box-shadow: @primaryBoxShadow;
2188
+ }
2189
+ .ui.primary.buttons .button:hover,
2190
+ .ui.primary.button:hover {
2191
+ background-color: @primaryColorHover;
2192
+ color: @primaryTextColor;
2193
+ text-shadow: @primaryTextShadow;
2194
+ }
2195
+ .ui.primary.buttons .button:active,
2196
+ .ui.primary.button:active {
2197
+ background-color: @primaryColorDown;
2198
+ color: @primaryTextColor;
2199
+ text-shadow: @primaryTextShadow;
2200
+ }
2201
+ .ui.primary.buttons .active.button,
2202
+ .ui.primary.button.active {
2203
+ background-color: @primaryColorActive;
2204
+ color: @primaryTextColor;
2205
+ text-shadow: @primaryTextShadow;
2206
+ }
2207
+
2208
+ /*-------------------
2209
+ Secondary
2210
+ --------------------*/
2211
+
2212
+ .ui.secondary.buttons .button,
2213
+ .ui.secondary.button {
2214
+ background-color: @secondaryColor;
2215
+ color: @secondaryTextColor;
2216
+ text-shadow: @secondaryTextShadow;
2217
+ background-image: @secondaryBackgroundImage;
2218
+ }
2219
+ .ui.secondary.button {
2220
+ box-shadow: @secondaryBoxShadow;
2221
+ }
2222
+ .ui.secondary.buttons .button:hover,
2223
+ .ui.secondary.button:hover {
2224
+ background-color: @secondaryColorHover;
2225
+ color: @secondaryTextColor;
2226
+ text-shadow: @secondaryTextShadow;
2227
+ }
2228
+ .ui.secondary.buttons .button:active,
2229
+ .ui.secondary.button:active {
2230
+ background-color: @secondaryColorDown;
2231
+ color: @secondaryTextColor;
2232
+ text-shadow: @secondaryTextShadow;
2233
+ }
2234
+ .ui.secondary.buttons .active.button,
2235
+ .ui.secondary.button.active {
2236
+ background-color: @secondaryColorActive;
2237
+ color: @secondaryTextColor;
2238
+ text-shadow: @secondaryTextShadow;
2239
+ }
2240
+
2241
+ /*---------------
2242
+ Positive
2243
+ ----------------*/
2244
+
2245
+ .ui.positive.buttons .button,
2246
+ .ui.positive.button {
2247
+ background-color: @positiveColor !important;
2248
+ color: @invertedTextColor;
2249
+ text-shadow: @invertedTextShadow;
2250
+ background-image: @coloredBackgroundImage;
2251
+ }
2252
+ .ui.positive.button {
2253
+ box-shadow: @coloredBoxShadow;
2254
+ }
2255
+ .ui.positive.buttons .button:hover,
2256
+ .ui.positive.button:hover,
2257
+ .ui.positive.buttons .active.button,
2258
+ .ui.positive.button.active {
2259
+ background-color: @positiveColorHover !important;
2260
+ color: @invertedTextColor;
2261
+ text-shadow: @invertedTextShadow;
2262
+ }
2263
+ .ui.positive.buttons .button:active,
2264
+ .ui.positive.button:active {
2265
+ background-color: @positiveColorDown !important;
2266
+ color: @invertedTextColor;
2267
+ text-shadow: @invertedTextShadow;
2268
+ }
2269
+ .ui.positive.buttons .button.active,
2270
+ .ui.positive.buttons .button.active:active,
2271
+ .ui.positive.button.active,
2272
+ .ui.positive.button .button.active:active {
2273
+ background-color: @positiveColorActive;
2274
+ color: @invertedTextColor;
2275
+ text-shadow: @invertedTextShadow;
2276
+ }
2277
+
2278
+
2279
+ /*---------------
2280
+ Negative
2281
+ ----------------*/
2282
+
2283
+ .ui.negative.buttons .button,
2284
+ .ui.negative.button {
2285
+ background-color: @negativeColor !important;
2286
+ color: @invertedTextColor;
2287
+ text-shadow: @invertedTextShadow;
2288
+ background-image: @coloredBackgroundImage;
2289
+ }
2290
+ .ui.negative.button {
2291
+ box-shadow: @coloredBoxShadow;
2292
+ }
2293
+ .ui.negative.buttons .button:hover,
2294
+ .ui.negative.button:hover,
2295
+ .ui.negative.buttons .active.button,
2296
+ .ui.negative.button.active {
2297
+ background-color: @negativeColorHover !important;
2298
+ color: @invertedTextColor;
2299
+ text-shadow: @invertedTextShadow;
2300
+ }
2301
+ .ui.negative.buttons .button:active,
2302
+ .ui.negative.button:active {
2303
+ background-color: @negativeColorDown !important;
2304
+ color: @invertedTextColor;
2305
+ text-shadow: @invertedTextShadow;
2306
+ }
2307
+ .ui.negative.buttons .button.active,
2308
+ .ui.negative.buttons .button.active:active,
2309
+ .ui.negative.button.active,
2310
+ .ui.negative.button .button.active:active {
2311
+ background-color: @negativeColorActive;
2312
+ color: @invertedTextColor;
2313
+ text-shadow: @invertedTextShadow;
2314
+ }
2315
+
2316
+ /*******************************
2317
+ Groups
2318
+ *******************************/
2319
+
2320
+ .ui.buttons {
2321
+ display: inline-block;
2322
+ vertical-align: middle;
2323
+ margin: @verticalMargin @horizontalMargin 0em 0em;
2324
+ }
2325
+ .ui.buttons > .button:hover,
2326
+ .ui.buttons > .button.active {
2327
+ position: relative;
2328
+ }
2329
+ .ui.buttons:after {
2330
+ content: ".";
2331
+ display: block;
2332
+ height: 0;
2333
+ clear: both;
2334
+ visibility: hidden;
2335
+ }
2336
+ .ui.buttons .button:first-child {
2337
+ border-left: none;
2338
+ }
2339
+
2340
+ .ui.buttons:not(.basic):not(.inverted) {
2341
+ box-shadow: @groupBoxShadow;
2342
+ }
2343
+ .ui.buttons > .ui.button:not(.basic):not(.inverted),
2344
+ .ui.buttons:not(.basic):not(.inverted) > .button {
2345
+ box-shadow: @groupButtonBoxShadow;
2346
+ }
2347
+
2348
+
2349
+ .ui.buttons .button {
2350
+ margin: 0em;
2351
+ float: left;
2352
+ border-radius: 0em;
2353
+ margin: @groupButtonOffset;
2354
+ }
2355
+
2356
+ .ui.buttons .button:first-child {
2357
+ margin-left: 0em;
2358
+ border-top-left-radius: @borderRadius;
2359
+ border-bottom-left-radius: @borderRadius;
2360
+ }
2361
+ .ui.buttons .button:last-child {
2362
+ border-top-right-radius: @borderRadius;
2363
+ border-bottom-right-radius: @borderRadius;
2364
+ }
2365
+
2366
+
2367
+ /* Vertical Style */
2368
+ .ui.vertical.buttons {
2369
+ display: inline-block;
2370
+ }
2371
+ .ui.vertical.buttons .button {
2372
+ display: block;
2373
+ float: none;
2374
+ margin: @verticalGroupOffset;
2375
+ box-shadow: @verticalBoxShadow;
2376
+ }
2377
+ .ui.vertical.buttons .button:first-child,
2378
+ .ui.vertical.buttons .mini.button:first-child,
2379
+ .ui.vertical.buttons .tiny.button:first-child,
2380
+ .ui.vertical.buttons .small.button:first-child,
2381
+ .ui.vertical.buttons .massive.button:first-child,
2382
+ .ui.vertical.buttons .huge.button:first-child {
2383
+ border-radius: @borderRadius @borderRadius 0px 0px;
2384
+ }
2385
+ .ui.vertical.buttons .button:last-child,
2386
+ .ui.vertical.buttons .mini.button:last-child,
2387
+ .ui.vertical.buttons .tiny.button:last-child,
2388
+ .ui.vertical.buttons .small.button:last-child,
2389
+ .ui.vertical.buttons .massive.button:last-child,
2390
+ .ui.vertical.buttons .huge.button:last-child,
2391
+ .ui.vertical.buttons .gigantic.button:last-child {
2392
+ margin-bottom: 0px;
2393
+ border-radius: 0px 0px @borderRadius @borderRadius;
2394
+ }
2395
+
2396
+ .loadUIOverrides();