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,1600 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/collections/menu.overrides
4
+ *= depend_on semantic_ui/config/collections/menu.variables
5
+ */
6
+
7
+ /*
8
+ * # Semantic - Menu
9
+ * http://github.com/semantic-org/semantic-ui/
10
+ *
11
+ *
12
+ * Copyright 2014 Contributor
13
+ * Released under the MIT license
14
+ * http://opensource.org/licenses/MIT
15
+ *
16
+ */
17
+
18
+ /*******************************
19
+ Theme
20
+ *******************************/
21
+
22
+ @type : 'collection';
23
+ @element : 'menu';
24
+
25
+ @import 'semantic_ui/theme.config';
26
+
27
+ /*******************************
28
+ Standard
29
+ *******************************/
30
+
31
+ /*--------------
32
+ Menu
33
+ ---------------*/
34
+
35
+ .ui.menu {
36
+ margin: @margin;
37
+ background: @background;
38
+ font-size: 0px;
39
+ font-weight: @fontWeight;
40
+ box-shadow: @boxShadow;
41
+ border-radius: @borderRadius;
42
+ }
43
+
44
+ .ui.menu:after {
45
+ content: '';
46
+ display: block;
47
+ height: 0px;
48
+ clear: both;
49
+ visibility: hidden;
50
+ }
51
+
52
+ .ui.menu:first-child {
53
+ margin-top: 0rem;
54
+ }
55
+ .ui.menu:last-child {
56
+ margin-bottom: 0rem;
57
+ }
58
+
59
+ /*--------------
60
+ Colors
61
+ ---------------*/
62
+
63
+ /* Text Color */
64
+ .ui.menu .item {
65
+ color: @menuTextColor;
66
+ }
67
+ .ui.menu .item .item {
68
+ color: @subMenuTextColor;
69
+ }
70
+
71
+ /* Hover */
72
+ .ui.menu .item .menu a.item:hover,
73
+ .ui.menu .item .menu .link.item:hover {
74
+ color: @darkTextColor;
75
+ }
76
+
77
+
78
+ /*--------------
79
+ Items
80
+ ---------------*/
81
+
82
+ .ui.menu .item {
83
+ position: relative;
84
+ display: inline-block;
85
+ padding: @verticalPadding @horizontalPadding;
86
+ border-top: @borderSize solid transparent;
87
+
88
+ background: @itemBackground;
89
+ vertical-align: middle;
90
+ line-height: 1;
91
+ text-decoration: none;
92
+ box-sizing: border-box;
93
+
94
+ -webkit-tap-highlight-color: transparent;
95
+ user-select: none;
96
+ transition: @transition;
97
+ }
98
+
99
+ .ui.menu .menu {
100
+ margin: 0em;
101
+ }
102
+
103
+ /* Floated Content */
104
+ .ui.menu > .item:first-child {
105
+ border-radius: @borderRadius 0px 0px @borderRadius;
106
+ }
107
+ .ui.menu:not(.vertical) .item.left,
108
+ .ui.menu:not(.vertical) .menu.left {
109
+ float: left;
110
+ }
111
+ .ui.menu:not(.vertical) .item.right,
112
+ .ui.menu:not(.vertical) .menu.right {
113
+ float: right;
114
+ }
115
+
116
+
117
+ /*--------------
118
+ Borders
119
+ ---------------*/
120
+
121
+ .ui.menu .item:before {
122
+ position: absolute;
123
+ content: '';
124
+ top: 0%;
125
+ right: 0px;
126
+ width: @dividerSize;
127
+ height: 100%;
128
+ background: @dividerBackground;
129
+ }
130
+ .ui.menu > .right.menu:first-child {
131
+ display: none;
132
+ }
133
+ .ui.menu .menu.right .item:before,
134
+ .ui.menu .item.right:before {
135
+ right: auto;
136
+ left: 0px;
137
+ }
138
+
139
+ /*--------------
140
+ Text Content
141
+ ---------------*/
142
+
143
+ .ui.menu .text.item > *,
144
+ .ui.menu .item > a:not(.ui),
145
+ .ui.menu .item > p:only-child {
146
+ user-select: text;
147
+ line-height: @textLineHeight;
148
+ color: @textColor;
149
+ }
150
+ .ui.menu .item > p:first-child {
151
+ margin-top: 0;
152
+ }
153
+ .ui.menu .item > p:last-child {
154
+ margin-bottom: 0;
155
+ }
156
+
157
+ /*--------------
158
+ Icons
159
+ ---------------*/
160
+
161
+ .ui.menu .item > i.icon {
162
+ opacity: @iconOpacity;
163
+ float: @iconFloat;
164
+ margin: @iconMargin;
165
+ }
166
+
167
+ .ui.menu .item > i.dropdown.icon {
168
+ float: @dropdownIconFloat;
169
+ margin-left: @dropdownIconDistance;
170
+ }
171
+
172
+ /*--------------
173
+ Button
174
+ ---------------*/
175
+
176
+ .ui.menu:not(.vertical) .item > .button {
177
+ position: relative;
178
+ top: @buttonOffset;
179
+ margin: -@buttonVerticalPadding 0;
180
+ padding-bottom: @buttonVerticalPadding;
181
+ padding-top: @buttonVerticalPadding;
182
+ font-size: @buttonSize;
183
+ }
184
+
185
+
186
+ /*--------------
187
+ Inputs
188
+ ---------------*/
189
+
190
+ .ui.menu .item > .input {
191
+ width: 100%;
192
+ }
193
+ .ui.menu:not(.vertical) .item > .input {
194
+ position: relative;
195
+ top: @inputOffset;
196
+ margin: @inputVerticalMargin 0em;
197
+ }
198
+ .ui.menu .item > .input input {
199
+ font-size: @inputSize;
200
+ padding-top: @inputVerticalPadding;
201
+ padding-bottom: @inputVerticalPadding;
202
+ }
203
+
204
+ /* Action Input */
205
+ .ui.menu:not(.vertical) .item .action.input > .button {
206
+ font-size: @buttonSize;
207
+ padding: @buttonVerticalPadding @actionButtonHorizontalPadding;
208
+ }
209
+
210
+ /* Resizes */
211
+ .ui.small.menu .item > .input input {
212
+ top: @smallInputOffset;
213
+ padding-top: @smallInputVerticalPadding;
214
+ padding-bottom: @smallInputVerticalPadding;
215
+ }
216
+ .ui.large.menu .item > .input input {
217
+ top: @largeInputOffset;
218
+ padding-bottom: @largeInputVerticalPadding;
219
+ padding-top: @largeInputVerticalPadding;
220
+ }
221
+
222
+ .ui.large.menu .item .action.input > .button {
223
+ padding: 0.9em;
224
+ }
225
+ .ui.large.menu .item .action.input > .button > .icon {
226
+ padding-top: 0.8em;
227
+ }
228
+
229
+ /*--------------
230
+ Header
231
+ ---------------*/
232
+
233
+ .ui.menu .header.item,
234
+ .ui.vertical.menu .header.item {
235
+ background: @headerBackground;
236
+ margin: 0em;
237
+ text-transform: @headerTextTransform;
238
+ font-weight: @headerWeight;
239
+ }
240
+
241
+
242
+ /*--------------
243
+ Dropdowns
244
+ ---------------*/
245
+
246
+ /* Dropdown */
247
+ .ui.menu .ui.dropdown.visible {
248
+ background: @subtleTransparentBlack;
249
+ border-bottom-right-radius: 0em;
250
+ border-bottom-left-radius: 0em;
251
+ }
252
+ .ui.menu .ui.dropdown.active {
253
+ box-shadow: none;
254
+ }
255
+
256
+ /* Menu Position */
257
+ .ui.menu .dropdown.item .menu {
258
+ background: @dropdownBackground;
259
+ left: 0px;
260
+ margin: @dropdownMenuOffset 0px 0px;
261
+ min-width: ~"calc(100% - 1px)";
262
+ box-shadow: @dropdownBoxShadow;
263
+ }
264
+ .ui.menu:not(.secondary) .pointing.dropdown.item .menu {
265
+ margin-top: @dropdownPointingDistance;
266
+ border-top-left-radius: 0em;
267
+ border-top-right-radius: 0em;
268
+ }
269
+ .ui.menu .simple.dropdown.item .menu {
270
+ margin: 0px !important;
271
+ }
272
+
273
+
274
+ /* Secondary Menu Dropdown */
275
+ .ui.secondary.menu > .menu > .active.dropdown.item {
276
+ background-color: transparent;
277
+ }
278
+ .ui.secondary.menu .dropdown.item .menu {
279
+ left: 0px;
280
+ min-width: 100%;
281
+ }
282
+
283
+ /* Even Width Menu Dropdown */
284
+ .ui.item.menu .dropdown .menu .item {
285
+ width: 100%;
286
+ }
287
+
288
+ /*--------------
289
+ Labels
290
+ ---------------*/
291
+
292
+ .ui.menu .item > .label {
293
+ background: @labelBackground;
294
+ color: @labelTextColor;
295
+ margin: @labelOffset 0em @labelOffset @labelTextMargin;
296
+ padding: @labelVerticalPadding @labelHorizontalPadding;
297
+ vertical-align: baseline;
298
+ }
299
+ .ui.menu .item > .floating.label {
300
+ padding: @labelVerticalPadding @labelHorizontalPadding;
301
+ }
302
+
303
+ /*--------------
304
+ Images
305
+ ---------------*/
306
+
307
+ .ui.menu .item > img:only-child {
308
+ display: block;
309
+ max-width: 100%;
310
+ margin: 0em auto;
311
+ }
312
+
313
+
314
+ /*******************************
315
+ States
316
+ *******************************/
317
+
318
+ /*--------------
319
+ Hover
320
+ ---------------*/
321
+
322
+ .ui.link.menu > .item:hover,
323
+ .ui.menu > .link.item:hover,
324
+ .ui.menu > a.item:hover,
325
+ .ui.link.menu .menu > .item:hover,
326
+ .ui.menu .menu > .link.item:hover,
327
+ .ui.menu .menu > a.item:hover {
328
+ cursor: pointer;
329
+ background: @hoverBackground;
330
+ color: @hoverColor;
331
+ }
332
+
333
+
334
+ /*--------------
335
+ Pressed
336
+ ---------------*/
337
+
338
+ .ui.link.menu .item:active,
339
+ .ui.menu .link.item:active,
340
+ .ui.menu a.item:active {
341
+ background: @pressedBackground;
342
+ color: @pressedColor;
343
+ }
344
+
345
+ /*--------------
346
+ Active
347
+ ---------------*/
348
+
349
+ .ui.menu .active.item {
350
+ background: @activeBackground;
351
+ color: @selectedTextColor;
352
+ font-weight: @activeFontWeight;
353
+ box-shadow: 0em @activeBorderSize 0em inset;
354
+ }
355
+ .ui.menu .active.item > i.icon {
356
+ opacity: @activeIconOpacity;
357
+ }
358
+
359
+ /* Vertical */
360
+ .ui.vertical.menu .active.item {
361
+ background: @activeBackground;
362
+ border-radius: 0em;
363
+ box-shadow: @activeBorderSize 0em 0em inset;
364
+ }
365
+ .ui.vertical.menu > .active.item:first-child {
366
+ border-radius: 0em @borderRadius 0em 0em;
367
+ }
368
+ .ui.vertical.menu > .active.item:last-child {
369
+ border-radius: 0em 0em @borderRadius 0em;
370
+ }
371
+ .ui.vertical.menu > .active.item:only-child {
372
+ border-radius: 0em @borderRadius @borderRadius 0em;
373
+ }
374
+ .ui.vertical.menu .active.item .menu .active.item {
375
+ border-left: none;
376
+ }
377
+ .ui.vertical.menu .item .menu .active.item {
378
+ background-color: @subMenuActiveBackground;
379
+ box-shadow: none;
380
+ }
381
+
382
+
383
+ /*--------------
384
+ Active Hover
385
+ ---------------*/
386
+
387
+ .ui.vertical.menu .active.item:hover,
388
+ .ui.menu .active.item:hover {
389
+ background-color: @activeHoverBackground;
390
+ }
391
+
392
+ /*--------------
393
+ Disabled
394
+ ---------------*/
395
+
396
+ .ui.menu .item.disabled,
397
+ .ui.menu .item.disabled:hover {
398
+ cursor: default;
399
+ color: @disabledTextColor;
400
+ background-color: transparent !important;
401
+ }
402
+
403
+
404
+ /*******************************
405
+ Types
406
+ *******************************/
407
+
408
+ /*--------------
409
+ Vertical
410
+ ---------------*/
411
+
412
+ .ui.vertical.menu {
413
+ background: @verticalBackground;
414
+ }
415
+
416
+ /*--- Item ---*/
417
+ .ui.vertical.menu .item {
418
+ background: @verticalItemBackground;
419
+ display: block;
420
+ height: auto !important;
421
+ border-top: none;
422
+ border-left: @borderSize solid transparent;
423
+ border-right: none;
424
+ }
425
+ .ui.vertical.menu > .item:first-child {
426
+ border-radius: @borderRadius @borderRadius 0px 0px;
427
+ }
428
+ .ui.vertical.menu > .item:last-child {
429
+ border-radius: 0px 0px @borderRadius @borderRadius;
430
+ }
431
+
432
+ /*--- Label ---*/
433
+ .ui.vertical.menu .item > .label {
434
+ float: right;
435
+ text-align: center;
436
+ }
437
+
438
+ /*--- Icon ---*/
439
+ .ui.vertical.menu .item > i.icon {
440
+ width: @iconWidth;
441
+ float: @verticalIconFloat;
442
+ margin: @verticalIconMargin;
443
+ }
444
+ .ui.vertical.menu .item > .label + i.icon {
445
+ float: @labelAndIconFloat;
446
+ margin: @labelAndIconMargin;
447
+ }
448
+
449
+
450
+ /*--- Border ---*/
451
+ .ui.vertical.menu .item:before {
452
+ position: absolute;
453
+ content: '';
454
+ top: 0%;
455
+ left: 0px;
456
+ width: 100%;
457
+ height: @dividerSize;
458
+ background: @verticalDividerBackground;
459
+ height: 1px;
460
+ }
461
+
462
+ .ui.vertical.menu .item:first-child:before {
463
+ background: none !important;
464
+ }
465
+
466
+ /*--- Dropdown ---*/
467
+ .ui.vertical.menu .dropdown.item > .icon {
468
+ float: right;
469
+ content: "\f0da";
470
+ margin-left: 1em;
471
+ }
472
+ .ui.vertical.menu .dropdown.item .menu {
473
+ top: 0% !important;
474
+ left: 100%;
475
+ margin: @dropdownMenuOffset 0px 0px @dropdownMenuOffset;
476
+ box-shadow: @dropdownVerticalBoxShadow;
477
+ }
478
+ .ui.vertical.menu .dropdown.item.active {
479
+ border-top-right-radius: 0em;
480
+ border-bottom-right-radius: 0em;
481
+ }
482
+ .ui.vertical.menu .dropdown.item .menu .item {
483
+ font-size: 1rem;
484
+ }
485
+ .ui.vertical.menu .dropdown.item .menu .item i.icon {
486
+ margin-right: 0em;
487
+ }
488
+ .ui.vertical.menu .dropdown.item.active {
489
+ box-shadow: none;
490
+ }
491
+
492
+ /*--- Sub Menu ---*/
493
+ .ui.vertical.menu .item:not(.dropdown) > .menu {
494
+ margin: @subMenuMargin -@horizontalPadding 0em;
495
+ }
496
+ .ui.vertical.menu .item:not(.dropdown) > .menu > .item {
497
+ background: none;
498
+ padding: @subMenuHorizontalPadding @subMenuVerticalPadding;
499
+ font-size: @subMenuFontSize;
500
+ }
501
+ .ui.vertical.menu .item > .menu > .item:before {
502
+ display: none;
503
+ }
504
+
505
+
506
+ /*--------------
507
+ Tiered
508
+ ---------------*/
509
+
510
+ .ui.tiered.menu > .menu > .item:hover {
511
+ color: @tieredSubMenuActiveColor;
512
+ }
513
+ .ui.tiered.menu .active.item {
514
+ background: @tieredActiveItemBackground;
515
+ }
516
+ .ui.tiered.menu > .menu .item.active:after {
517
+ position: absolute;
518
+ content: '';
519
+ margin-top: -@dividerSize;
520
+ top: 100%;
521
+ left: 0px;
522
+
523
+ width: 100%;
524
+ height: 2px;
525
+ background-color: @tieredActiveMenuBackground;
526
+ }
527
+
528
+ /* Sub Menu */
529
+ .ui.tiered.menu .sub.menu {
530
+ background-color: @tieredActiveMenuBackground;
531
+ border-radius: 0em;
532
+ border-top: 1px solid @borderColor;
533
+ box-shadow: none;
534
+ }
535
+ .ui.tiered.menu > .sub.menu > .item {
536
+ color: @tieredSubMenuColor;
537
+ font-weight: @tieredSubMenuFontWeight;
538
+ text-transform: @tieredSubMenuTextTransform;
539
+ font-size: @subMenuFontSize;
540
+ }
541
+
542
+ /* Sub Menu Divider */
543
+ .ui.tiered.menu .sub.menu .item:before {
544
+ background: none;
545
+ }
546
+
547
+ /* Sub Menu Hover */
548
+ .ui.tiered.menu .sub.menu .item:hover {
549
+ background: @tieredSubMenuHoverBackground;
550
+ color: @tieredSubMenuHoverColor;
551
+ }
552
+
553
+ /* Sub Menu Active */
554
+ .ui.tiered.menu .sub.menu .active.item {
555
+ padding-top: @verticalPadding;
556
+ background: @tieredSubMenuActiveBackground;
557
+ border-radius: 0;
558
+ border-top: medium none;
559
+ box-shadow: none;
560
+ color: @tieredSubMenuActiveColor !important;
561
+ }
562
+ .ui.tiered.menu .sub.menu .active.item:after {
563
+ display: none;
564
+ }
565
+
566
+ /* Inverted Tiered Menu */
567
+ .ui.inverted.tiered.menu > .menu > .item {
568
+ color: @invertedUnselectedTextColor;
569
+ }
570
+ .ui.inverted.tiered.menu .sub.menu {
571
+ background-color: @tieredInvertedSubMenuBackground;
572
+ }
573
+ .ui.inverted.tiered.menu .sub.menu .item {
574
+ color: @invertedLightTextColor;
575
+ }
576
+ .ui.inverted.tiered.menu > .menu > .item:hover {
577
+ color: @invertedHoveredTextColor;
578
+ }
579
+ .ui.inverted.tiered.menu .active.item:after {
580
+ display: none;
581
+ }
582
+ .ui.inverted.tiered.menu > .sub.menu > .active.item,
583
+ .ui.inverted.tiered.menu > .menu > .active.item {
584
+ color: @invertedSelectedTextColor !important;
585
+ box-shadow: none;
586
+ }
587
+
588
+ /* Tiered Pointing */
589
+ .ui.pointing.tiered.menu > .menu > .item:after {
590
+ display: none;
591
+ }
592
+ .ui.pointing.tiered.menu > .sub.menu > .item:after {
593
+ display: block;
594
+ }
595
+
596
+
597
+ /*--------------
598
+ Tabular
599
+ ---------------*/
600
+
601
+ .ui.tabular.menu {
602
+ background-color: transparent;
603
+ border-bottom: @tabularBorderWidth solid @tabularBorderColor;
604
+
605
+ border-radius: 0em;
606
+ box-shadow: none !important;
607
+ }
608
+ .ui.tabular.menu .item {
609
+ background-color: transparent;
610
+
611
+ border-left: @tabularBorderWidth solid transparent;
612
+ border-right: @tabularBorderWidth solid transparent;
613
+ border-top: @tabularBorderWidth solid transparent;
614
+
615
+ padding-left: @tabularHorizontalPadding;
616
+ padding-right: @tabularHorizontalPadding;
617
+ color: @tabularMenuTextColor;
618
+ }
619
+ .ui.tabular.menu .item:before {
620
+ display: none;
621
+ }
622
+
623
+ /* Hover */
624
+ .ui.tabular.menu .item:hover {
625
+ background-color: transparent;
626
+ color: @hoveredTextColor;
627
+ }
628
+
629
+ /* Active */
630
+ .ui.tabular.menu .active.item {
631
+ position: relative;
632
+
633
+ background-color: @tabularMenuActiveBackground;
634
+ color: @tabularActiveColor;
635
+
636
+ border-color: @tabularBorderColor;
637
+ font-weight: @tabularActiveWeight;
638
+
639
+ margin-bottom: -@tabularBorderWidth;
640
+ border-bottom: @tabularBorderWidth solid @tabularBackgroundColor;
641
+
642
+ box-shadow: none;
643
+ border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px;
644
+ }
645
+
646
+ /* Coupling with segment for attachment */
647
+ .ui.attached.tabular.menu {
648
+ position: relative;
649
+ z-index: 2;
650
+ }
651
+ .ui.tabular.menu ~ .bottom.attached.segment {
652
+ margin: -1px 0px 0px;
653
+ }
654
+
655
+
656
+
657
+ /*--------------
658
+ Pagination
659
+ ---------------*/
660
+
661
+ .ui.pagination.menu {
662
+ margin: 0em;
663
+ display: inline-block;
664
+ vertical-align: middle;
665
+ }
666
+
667
+ .ui.pagination.menu .item {
668
+ min-width: @paginationMinWidth;
669
+ text-align: center;
670
+ }
671
+ .ui.pagination.menu .icon.item i.icon {
672
+ vertical-align: top;
673
+ }
674
+ .ui.pagination.menu.floated {
675
+ display: block;
676
+ }
677
+
678
+ /* Active */
679
+ .ui.pagination.menu .active.item {
680
+ border-top: none;
681
+ padding-top: @verticalPadding;
682
+ background-color: @paginationActiveBackground;
683
+ box-shadow: none;
684
+ }
685
+
686
+ /*--------------
687
+ Secondary
688
+ ---------------*/
689
+
690
+ .ui.secondary.menu {
691
+ background: @secondaryBackground;
692
+ border-radius: 0em;
693
+ box-shadow: none;
694
+ }
695
+ .ui.secondary.menu > .menu > .item,
696
+ .ui.secondary.menu > .item {
697
+ box-shadow: none;
698
+
699
+ border: none;
700
+ height: auto !important;
701
+ background: @secondaryItemBackground;
702
+
703
+ margin: 0em @secondaryMargin;
704
+ padding: @secondaryVerticalPadding @secondaryHorizontalPadding;
705
+
706
+ border-radius: @secondaryBorderRadius;
707
+ }
708
+ .ui.secondary.menu > .menu > .item:before,
709
+ .ui.secondary.menu > .item:before {
710
+ display: none !important;
711
+ }
712
+
713
+ .ui.secondary.menu .item > .input input {
714
+ background-color: transparent;
715
+ border: none;
716
+ }
717
+
718
+ .ui.secondary.menu .link.item,
719
+ .ui.secondary.menu a.item {
720
+ opacity: @secondaryLinkOpacity;
721
+ transition: none;
722
+ }
723
+ .ui.secondary.menu .header.item {
724
+ border-right: @secondaryHeaderBorder;
725
+ background: @secondaryHeaderBackground;
726
+ border-radius: 0em;
727
+ }
728
+
729
+ /* Hover */
730
+ .ui.secondary.menu .link.item:hover,
731
+ .ui.secondary.menu a.item:hover {
732
+ opacity: 1;
733
+ }
734
+
735
+ /* Active */
736
+ .ui.secondary.menu > .menu > .active.item,
737
+ .ui.secondary.menu > .active.item {
738
+ background: @secondaryActiveBackground;
739
+ opacity: 1;
740
+ box-shadow: none;
741
+ }
742
+ .ui.secondary.vertical.menu > .active.item {
743
+ border-radius: @secondaryBorderRadius;
744
+ }
745
+
746
+ /* Inverted */
747
+ .ui.secondary.inverted.menu .link.item,
748
+ .ui.secondary.inverted.menu a.item {
749
+ color: @secondaryInvertedColor;
750
+ }
751
+ .ui.secondary.inverted.menu .link.item:hover,
752
+ .ui.secondary.inverted.menu a.item:hover {
753
+ color: @secondaryInvertedHoverColor;
754
+ }
755
+ .ui.secondary.inverted.menu .active.item {
756
+ background-color: @secondaryInvertedActiveBackground;
757
+ }
758
+
759
+
760
+ /* Disable variations */
761
+ .ui.secondary.item.menu > .item {
762
+ margin: 0em;
763
+ }
764
+ .ui.secondary.attached.menu {
765
+ box-shadow: none;
766
+ }
767
+
768
+
769
+ /*---------------------
770
+ Secondary Vertical
771
+ -----------------------*/
772
+
773
+ .ui.secondary.vertical.menu > .item {
774
+ border: none;
775
+ margin: 0em 0em @secondaryVerticalMargin;
776
+ border-radius: @borderRadius;
777
+ }
778
+ .ui.secondary.vertical.menu > .header.item {
779
+ border-radius: 0em;
780
+ }
781
+
782
+ /* Inverted */
783
+ .ui.secondary.inverted.menu {
784
+ background-color: transparent;
785
+ }
786
+
787
+ .ui.secondary.inverted.pointing.menu {
788
+ border-bottom: @secondaryPointingBorderWidth solid rgba(255, 255, 255, 0.1);
789
+ }
790
+ .ui.secondary.inverted.pointing.menu > .item {
791
+ color: rgba(255, 255, 255, 0.7);
792
+ }
793
+ .ui.secondary.inverted.pointing.menu > .header.item {
794
+ color: #FFFFFF !important;
795
+ }
796
+
797
+ /* Hover */
798
+ .ui.secondary.inverted.pointing.menu > .menu > .item:hover,
799
+ .ui.secondary.inverted.pointing.menu > .item:hover {
800
+ color: rgba(255, 255, 255, 0.85);
801
+ }
802
+
803
+ /* Pressed */
804
+ .ui.secondary.inverted.pointing.menu > .menu > .item:active,
805
+ .ui.secondary.inverted.pointing.menu > .item:active {
806
+ border-color: rgba(255, 255, 255, 0.4);
807
+ }
808
+
809
+ /* Active */
810
+ .ui.secondary.inverted.pointing.menu > .menu > .item.active,
811
+ .ui.secondary.inverted.pointing.menu > .item.active {
812
+ border-color: rgba(255, 255, 255, 0.8);
813
+ color: rgba(255, 255, 255, 1);
814
+ }
815
+
816
+
817
+ /*---------------------
818
+ Secondary Pointing
819
+ -----------------------*/
820
+
821
+ .ui.secondary.pointing.menu {
822
+ border-bottom: @secondaryPointingBorderWidth solid rgba(0, 0, 0, 0.1);
823
+ }
824
+
825
+ .ui.secondary.pointing.menu > .menu > .item,
826
+ .ui.secondary.pointing.menu > .item {
827
+ margin: 0em 0em -@secondaryPointingBorderWidth;
828
+ padding: @secondaryPointingVerticalPadding @secondaryPointingHorizontalPadding;
829
+ border-bottom: @secondaryPointingBorderWidth solid transparent;
830
+ border-radius: 0em;
831
+ transition: @secondaryTransition;
832
+ }
833
+
834
+ /* Item Types */
835
+ .ui.secondary.pointing.menu .header.item {
836
+ margin-bottom: -@secondaryPointingBorderWidth;
837
+ background-color: transparent !important;
838
+ border-right-width: 0px !important;
839
+ font-weight: bold !important;
840
+ color: @secondaryPointingHeaderColor !important;
841
+ }
842
+ .ui.secondary.pointing.menu .text.item {
843
+ box-shadow: none !important;
844
+ }
845
+ .ui.secondary.pointing.menu > .menu > .item:after,
846
+ .ui.secondary.pointing.menu > .item:after {
847
+ display: none;
848
+ }
849
+
850
+ /* Hover */
851
+ .ui.secondary.pointing.menu > .menu > .link.item:hover,
852
+ .ui.secondary.pointing.menu > .link.item:hover,
853
+ .ui.secondary.pointing.menu > .menu > a.item:hover,
854
+ .ui.secondary.pointing.menu > a.item:hover {
855
+ background-color: transparent;
856
+ color: @secondaryPointingHoverTextColor;
857
+ }
858
+
859
+ /* Pressed */
860
+ .ui.secondary.pointing.menu > .menu > .link.item:active,
861
+ .ui.secondary.pointing.menu > .link.item:active,
862
+ .ui.secondary.pointing.menu > .menu > a.item:active,
863
+ .ui.secondary.pointing.menu > a.item:active {
864
+ background-color: transparent;
865
+ border-color: @secondaryPointingBorderColor;
866
+ }
867
+
868
+ /* Active */
869
+ .ui.secondary.pointing.menu > .menu > .item.active,
870
+ .ui.secondary.pointing.menu > .item.active {
871
+ background-color: transparent;
872
+ border-color: rgba(0, 0, 0, 0.4);
873
+ box-shadow: none;
874
+ color: @secondaryPointingActiveTextColor;
875
+ }
876
+
877
+ /* Secondary Vertical Pointing */
878
+ .ui.secondary.vertical.pointing.menu {
879
+ border: none;
880
+ border-right: @secondaryPointingBorderWidth solid rgba(0, 0, 0, 0.1);
881
+ }
882
+ .ui.secondary.vertical.pointing.menu > .item {
883
+ margin: 0em -@secondaryPointingBorderWidth 0em 0em;
884
+ border-bottom: none;
885
+ border-right: @secondaryPointingBorderWidth solid transparent;
886
+ border-radius: 0em;
887
+ }
888
+
889
+ /* Hover */
890
+ .ui.secondary.vertical.pointing.menu > .item:hover {
891
+ background-color: transparent;
892
+ color: rgba(0, 0, 0, 0.7);
893
+ }
894
+
895
+ /* Pressed */
896
+ .ui.secondary.vertical.pointing.menu > .item:active {
897
+ background-color: transparent;
898
+ border-color: rgba(0, 0, 0, 0.2);
899
+ }
900
+
901
+ /* Active */
902
+ .ui.secondary.vertical.pointing.menu > .item.active {
903
+ background-color: transparent;
904
+ border-color: rgba(0, 0, 0, 0.4);
905
+ color: rgba(0, 0, 0, 0.85);
906
+ }
907
+
908
+ /* Inverted Vertical Pointing Secondary */
909
+ .ui.secondary.inverted.vertical.pointing.menu {
910
+ border-right: @secondaryPointingBorderWidth solid rgba(255, 255, 255, 0.1);
911
+ border-bottom: none;
912
+ }
913
+
914
+
915
+ /*--------------
916
+ Text Menu
917
+ ---------------*/
918
+
919
+ .ui.text.menu {
920
+ display: inline-block;
921
+ background: none transparent;
922
+
923
+ margin: 1rem -1rem;
924
+ border-radius: 0px;
925
+
926
+ box-shadow: none;
927
+ }
928
+ .ui.text.menu > .item {
929
+ opacity: 0.8;
930
+
931
+ margin: 0em 1em;
932
+ padding: 0em;
933
+ height: auto !important;
934
+
935
+ border-radius: 0px;
936
+
937
+ box-shadow: none;
938
+ transition: @textMenuTransition;
939
+ }
940
+ .ui.text.menu > .item:before {
941
+ display: none !important;
942
+ }
943
+ .ui.text.menu .header.item {
944
+ background-color: transparent;
945
+
946
+ opacity: 1;
947
+ color: rgba(50, 50, 50, 0.8);
948
+ font-size: 0.875rem;
949
+ padding: 0em;
950
+ text-transform: uppercase;
951
+ font-weight: bold;
952
+ }
953
+ .ui.text.menu .text.item {
954
+ opacity: 1;
955
+ color: rgba(50, 50, 50, 0.8);
956
+ font-weight: bold;
957
+ }
958
+
959
+ /*--- fluid text ---*/
960
+ .ui.text.item.menu .item {
961
+ margin: 0em;
962
+ }
963
+
964
+ /*--- vertical text ---*/
965
+ .ui.vertical.text.menu {
966
+ margin: 1rem 0em;
967
+ }
968
+ .ui.vertical.text.menu:first-child {
969
+ margin-top: 0rem;
970
+ }
971
+ .ui.vertical.text.menu:last-child {
972
+ margin-bottom: 0rem;
973
+ }
974
+ .ui.vertical.text.menu .item {
975
+ float: left;
976
+ clear: left;
977
+ margin: 0.5em 0em;
978
+ }
979
+ .ui.vertical.text.menu .item > i.icon {
980
+ float: none;
981
+ margin: 0em @verticalPadding 0em 0em;
982
+ }
983
+ .ui.vertical.text.menu .header.item {
984
+ margin: 0.8em 0em;
985
+ }
986
+
987
+ /*--- hover ---*/
988
+ .ui.text.menu .item:hover {
989
+ opacity: 1;
990
+ background-color: transparent;
991
+ }
992
+
993
+ /*--- active ---*/
994
+ .ui.text.menu .active.item {
995
+ background-color: transparent;
996
+ padding: 0em;
997
+ border: none;
998
+ opacity: 1;
999
+ font-weight: bold;
1000
+ box-shadow: none;
1001
+ }
1002
+
1003
+ /* disable variations */
1004
+ .ui.text.pointing.menu .active.item:after {
1005
+ box-shadow: none;
1006
+ }
1007
+ .ui.text.attached.menu {
1008
+ box-shadow: none;
1009
+ }
1010
+
1011
+ .ui.inverted.text.menu,
1012
+ .ui.inverted.text.menu .item,
1013
+ .ui.inverted.text.menu .item:hover,
1014
+ .ui.inverted.text.menu .item.active {
1015
+ background-color: transparent;
1016
+ }
1017
+
1018
+ /*--------------
1019
+ Icon Only
1020
+ ---------------*/
1021
+
1022
+ .ui.icon.menu,
1023
+ .ui.vertical.icon.menu {
1024
+ width: auto;
1025
+ display: inline-block;
1026
+ height: auto;
1027
+ }
1028
+ .ui.icon.menu > .item {
1029
+ height: auto;
1030
+ text-align: center;
1031
+ color: rgba(60, 60, 60, 0.7);
1032
+ }
1033
+ .ui.icon.menu > .item > .icon {
1034
+ display: block;
1035
+ float: none !important;
1036
+ opacity: 1;
1037
+ margin: 0em auto !important;
1038
+ }
1039
+ .ui.icon.menu .icon:before {
1040
+ opacity: 1;
1041
+ }
1042
+
1043
+ /* Item Icon Only */
1044
+ .ui.menu .icon.item .icon {
1045
+ margin: 0em;
1046
+ }
1047
+
1048
+ .ui.vertical.icon.menu {
1049
+ float: none;
1050
+ }
1051
+
1052
+ /*--- inverted ---*/
1053
+ .ui.inverted.icon.menu .item {
1054
+ color: rgba(255, 255, 255, 0.8);
1055
+ }
1056
+ .ui.inverted.icon.menu .icon {
1057
+ color: rgba(255, 255, 255, 1);
1058
+ }
1059
+
1060
+ /*--------------
1061
+ Labeled Icon
1062
+ ---------------*/
1063
+
1064
+ .ui.labeled.icon.menu {
1065
+ text-align: center;
1066
+ }
1067
+ .ui.labeled.icon.menu > .item {
1068
+ min-width: @labeledIconMinWidth;
1069
+ }
1070
+ .ui.labeled.icon.menu > .item > .icon {
1071
+ display: block;
1072
+ font-size: @labeledIconSize !important;
1073
+ margin: 0em auto @labeledIconTextMargin !important;
1074
+ }
1075
+
1076
+
1077
+
1078
+ /*******************************
1079
+ Variations
1080
+ *******************************/
1081
+
1082
+ /*--------------
1083
+ Colors
1084
+ ---------------*/
1085
+
1086
+ /*--- Light Colors ---*/
1087
+ .ui.menu .blue.active.item,
1088
+ .ui.blue.menu .active.item {
1089
+ border-color: @blue !important;
1090
+ color: @blue !important;
1091
+ }
1092
+ .ui.menu .green.active.item,
1093
+ .ui.green.menu .active.item {
1094
+ border-color: @green !important;
1095
+ color: @green !important;
1096
+ }
1097
+ .ui.menu .orange.active.item,
1098
+ .ui.orange.menu .active.item {
1099
+ border-color: @orange !important;
1100
+ color: @orange !important;
1101
+ }
1102
+ .ui.menu .pink.active.item,
1103
+ .ui.pink.menu .active.item {
1104
+ border-color: @pink !important;
1105
+ color: @pink !important;
1106
+ }
1107
+ .ui.menu .purple.active.item,
1108
+ .ui.purple.menu .active.item {
1109
+ border-color: @purple !important;
1110
+ color: @purple !important;
1111
+ }
1112
+ .ui.menu .red.active.item,
1113
+ .ui.red.menu .active.item {
1114
+ border-color: @red !important;
1115
+ color: @red !important;
1116
+ }
1117
+ .ui.menu .teal.active.item,
1118
+ .ui.teal.menu .active.item {
1119
+ border-color: @teal !important;
1120
+ color: @teal !important;
1121
+ }
1122
+ .ui.menu .yellow.active.item,
1123
+ .ui.yellow.menu .active.item {
1124
+ border-color: @yellow !important;
1125
+ color: @yellow !important;
1126
+ }
1127
+
1128
+
1129
+
1130
+ /*--------------
1131
+ Inverted
1132
+ ---------------*/
1133
+
1134
+ .ui.inverted.menu {
1135
+ background: @invertedBackground;
1136
+ box-shadow: @invertedBoxShadow;
1137
+ }
1138
+ .ui.inverted.menu .header.item {
1139
+ margin: 0em;
1140
+ background: @invertedHeaderBackground;
1141
+ box-shadow: none;
1142
+ }
1143
+
1144
+ .ui.inverted.menu .item,
1145
+ .ui.inverted.menu .item > a:not(.ui) {
1146
+ color: @invertedTextColor;
1147
+ }
1148
+
1149
+ .ui.inverted.menu .item:not(.dropdown).menu {
1150
+ background: @invertedSubMenuBackground;
1151
+ }
1152
+
1153
+ .ui.inverted.menu .item .item,
1154
+ .ui.inverted.menu .item .item > a:not(.ui) {
1155
+ color: @invertedSubMenuColor;
1156
+ }
1157
+ .ui.inverted.menu .dropdown .menu .item {
1158
+ color: @dropdownTextColor !important;
1159
+ }
1160
+ .ui.inverted.menu .item.disabled,
1161
+ .ui.inverted.menu .item.disabled:hover {
1162
+ color: @invertedDisabledTextColor;
1163
+ }
1164
+
1165
+
1166
+
1167
+ /*--- Border ---*/
1168
+ .ui.inverted.menu .item:before {
1169
+ background: @invertedDividerBackground;
1170
+ }
1171
+ .ui.vertical.inverted.menu .item:before {
1172
+ background: @invertedVerticalDividerBackground;
1173
+ }
1174
+
1175
+ /*--- Hover ---*/
1176
+ .ui.link.inverted.menu .item:hover,
1177
+ .ui.inverted.menu .link.item:hover,
1178
+ .ui.inverted.menu a.item:hover,
1179
+ .ui.inverted.menu .dropdown.item:hover {
1180
+ background: @invertedHoverBackground;
1181
+ color: @invertedHoverColor;
1182
+ }
1183
+ .ui.inverted.menu .item .menu a.item:hover,
1184
+ .ui.inverted.menu .item .menu .link.item:hover {
1185
+ background: @invertedSubMenuBackground;
1186
+ color: @invertedSubMenuHoverColor;
1187
+ }
1188
+
1189
+ /*--- Pressed ---*/
1190
+ .ui.inverted.menu a.item:active,
1191
+ .ui.inverted.menu .dropdown.item:active,
1192
+ .ui.inverted.menu .link.item:active,
1193
+ .ui.inverted.menu a.item:active {
1194
+ background: @invertedMenuPressedBackground;
1195
+ color: @invertedMenuPressedColor;
1196
+ }
1197
+
1198
+ /*--- Active ---*/
1199
+ .ui.inverted.menu .active.item {
1200
+ box-shadow: none !important;
1201
+ background: @invertedActiveBackground;
1202
+ color: @invertedActiveColor !important;
1203
+ }
1204
+ .ui.inverted.vertical.menu .item .menu .active.item {
1205
+ background: @invertedSubMenuActiveBackground;
1206
+ color: @invertedSubMenuActiveColor;
1207
+ }
1208
+
1209
+ /*--- Pointers ---*/
1210
+ .ui.inverted.pointing.menu .active.item:after {
1211
+ background: #5B5B5B;
1212
+ box-shadow: none;
1213
+ }
1214
+ .ui.inverted.pointing.menu .active.item:hover:after {
1215
+ background: #4A4A4A;
1216
+ }
1217
+
1218
+
1219
+ /*--------------
1220
+ Selection
1221
+ ---------------*/
1222
+
1223
+ .ui.selection.menu > .item {
1224
+ color: rgba(0, 0, 0, 0.4);
1225
+ }
1226
+ .ui.selection.menu > .item:hover {
1227
+ color: rgba(0, 0, 0, 0.6);
1228
+ }
1229
+ .ui.selection.menu > .item.active {
1230
+ color: rgba(0, 0, 0, 0.85);
1231
+ }
1232
+
1233
+ .ui.inverted.selection.menu > .item {
1234
+ color: rgba(255, 255, 255, 0.4);
1235
+ }
1236
+ .ui.inverted.selection.menu > .item:hover {
1237
+ color: rgba(255, 255, 255, 0.9);
1238
+ }
1239
+ .ui.inverted.selection.menu > .item.active {
1240
+ color: #FFFFFF;
1241
+ }
1242
+
1243
+
1244
+ /*--------------
1245
+ Floated
1246
+ ---------------*/
1247
+
1248
+ .ui.floated.menu {
1249
+ float: left;
1250
+ margin: 0rem 0.5rem 0rem 0rem;
1251
+ }
1252
+ .ui.right.floated.menu {
1253
+ float: right;
1254
+ margin: 0rem 0rem 0rem 0.5rem;
1255
+ }
1256
+
1257
+
1258
+ /*--------------
1259
+ Inverted Colors
1260
+ ---------------*/
1261
+
1262
+ /*--- Light Colors ---*/
1263
+ .ui.grey.menu {
1264
+ background-color: @offWhite;
1265
+ }
1266
+
1267
+ /*--- Inverted Colors ---*/
1268
+
1269
+ /* Blue */
1270
+ .ui.inverted.blue.menu {
1271
+ background-color: @blue;
1272
+ }
1273
+ .ui.inverted.blue.pointing.menu .active.item:after {
1274
+ background-color: @blue;
1275
+ }
1276
+ /* Green */
1277
+ .ui.inverted.green.menu {
1278
+ background-color: @green;
1279
+ }
1280
+ .ui.inverted.green.pointing.menu .active.item:after {
1281
+ background-color: @green;
1282
+ }
1283
+ /* Orange */
1284
+ .ui.inverted.orange.menu {
1285
+ background-color: @orange;
1286
+ }
1287
+ .ui.inverted.orange.pointing.menu .active.item:after {
1288
+ background-color: @orange;
1289
+ }
1290
+ /* Pink */
1291
+ .ui.inverted.pink.menu {
1292
+ background-color: @pink;
1293
+ }
1294
+ .ui.inverted.pink.pointing.menu .active.item:after {
1295
+ background-color: @pink;
1296
+ }
1297
+ /* Purple */
1298
+ .ui.inverted.purple.menu {
1299
+ background-color: @purple;
1300
+ }
1301
+ .ui.inverted.purple.pointing.menu .active.item:after {
1302
+ background-color: @purple;
1303
+ }
1304
+ /* Red */
1305
+ .ui.inverted.red.menu {
1306
+ background-color: @red;
1307
+ }
1308
+ .ui.inverted.red.pointing.menu .active.item:after {
1309
+ background-color: @red;
1310
+ }
1311
+ /* Teal */
1312
+ .ui.inverted.teal.menu {
1313
+ background-color: @teal;
1314
+ }
1315
+ .ui.inverted.teal.pointing.menu .active.item:after {
1316
+ background-color: @teal;
1317
+ }
1318
+ /* Yellow */
1319
+ .ui.inverted.yellow.menu {
1320
+ background-color: @yellow;
1321
+ }
1322
+ .ui.inverted.yellow.pointing.menu .active.item:after {
1323
+ background-color: @yellow;
1324
+ }
1325
+
1326
+
1327
+ /*--------------
1328
+ Fitted
1329
+ ---------------*/
1330
+
1331
+ .ui.fitted.menu .item,
1332
+ .ui.fitted.menu .item .menu .item,
1333
+ .ui.menu .fitted.item {
1334
+ padding: 0em;
1335
+ }
1336
+ .ui.horizontally.fitted.menu .item,
1337
+ .ui.horizontally.fitted.menu .item .menu .item,
1338
+ .ui.menu .horizontally.fitted.item {
1339
+ padding-top: @verticalPadding;
1340
+ padding-bottom: @verticalPadding;
1341
+ }
1342
+ .ui.vertically.fitted.menu .item,
1343
+ .ui.vertically.fitted.menu .item .menu .item,
1344
+ .ui.menu .vertically.fitted.item {
1345
+ padding-left: @horizontalPadding;
1346
+ padding-right: @horizontalPadding;
1347
+ }
1348
+
1349
+ /*--------------
1350
+ Borderless
1351
+ ---------------*/
1352
+
1353
+ .ui.borderless.menu .item:before,
1354
+ .ui.borderless.menu .item .menu .item:before,
1355
+ .ui.menu .borderless.item:before {
1356
+ background: none !important;
1357
+ }
1358
+
1359
+ /*-------------------
1360
+ Compact
1361
+ --------------------*/
1362
+
1363
+ .ui.compact.menu {
1364
+ display: inline-block;
1365
+ margin: 0em;
1366
+ vertical-align: middle;
1367
+ }
1368
+ .ui.compact.vertical.menu {
1369
+ width: auto !important;
1370
+ }
1371
+ .ui.compact.vertical.menu .item:last-child::before {
1372
+ display: block;
1373
+ }
1374
+
1375
+ /*-------------------
1376
+ Fluid
1377
+ --------------------*/
1378
+
1379
+ .ui.menu.fluid,
1380
+ .ui.vertical.menu.fluid {
1381
+ display: block;
1382
+ width: 100% !important;
1383
+ }
1384
+
1385
+
1386
+ /*-------------------
1387
+ Evenly Sized
1388
+ --------------------*/
1389
+
1390
+ .ui.item.menu,
1391
+ .ui.item.menu .item {
1392
+ width: 100%;
1393
+ padding-left: 0px !important;
1394
+ padding-right: 0px !important;
1395
+ text-align: center;
1396
+ }
1397
+ .ui.item.menu > .item:last-child {
1398
+ border-radius: 0px @borderRadius @borderRadius 0px;
1399
+ }
1400
+ .ui.menu.two.item .item {
1401
+ width: 50%;
1402
+ }
1403
+ .ui.menu.three.item .item {
1404
+ width: 33.333%;
1405
+ }
1406
+ .ui.menu.four.item .item {
1407
+ width: 25%;
1408
+ }
1409
+ .ui.menu.five.item .item {
1410
+ width: 20%;
1411
+ }
1412
+ .ui.menu.six.item .item {
1413
+ width: 16.666%;
1414
+ }
1415
+ .ui.menu.seven.item .item {
1416
+ width: 14.285%;
1417
+ }
1418
+ .ui.menu.eight.item .item {
1419
+ width: 12.500%;
1420
+ }
1421
+ .ui.menu.nine.item .item {
1422
+ width: 11.11%;
1423
+ }
1424
+ .ui.menu.ten.item .item {
1425
+ width: 10.0%;
1426
+ }
1427
+ .ui.menu.eleven.item .item {
1428
+ width: 9.09%;
1429
+ }
1430
+ .ui.menu.twelve.item .item {
1431
+ width: 8.333%;
1432
+ }
1433
+
1434
+
1435
+ /*--------------
1436
+ Fixed
1437
+ ---------------*/
1438
+
1439
+ .ui.menu.fixed {
1440
+ position: fixed;
1441
+ z-index: 101;
1442
+ margin: 0em;
1443
+ border: none;
1444
+ width: 100%;
1445
+ }
1446
+ .ui.menu.fixed,
1447
+ .ui.menu.fixed .item:first-child,
1448
+ .ui.menu.fixed .item:last-child {
1449
+ border-radius: 0px !important;
1450
+ }
1451
+
1452
+ .ui.menu.fixed.top {
1453
+ top: 0px;
1454
+ left: 0px;
1455
+ right: auto;
1456
+ bottom: auto;
1457
+ }
1458
+ .ui.menu.fixed.right {
1459
+ top: 0px;
1460
+ right: 0px;
1461
+ left: auto;
1462
+ bottom: auto;
1463
+ width: auto;
1464
+ height: 100%;
1465
+ }
1466
+ .ui.menu.fixed.bottom {
1467
+ bottom: 0px;
1468
+ left: 0px;
1469
+ top: auto;
1470
+ right: auto;
1471
+ }
1472
+ .ui.menu.fixed.left {
1473
+ top: 0px;
1474
+ left: 0px;
1475
+ right: auto;
1476
+ bottom: auto;
1477
+ width: auto;
1478
+ height: 100%;
1479
+ }
1480
+
1481
+ /* Coupling with Grid */
1482
+ .ui.fixed.menu + .ui.grid {
1483
+ padding-top: @fixedGridMargin;
1484
+ }
1485
+
1486
+
1487
+ /*-------------------
1488
+ Pointing
1489
+ --------------------*/
1490
+
1491
+ .ui.pointing.menu .active.item:after {
1492
+ position: absolute;
1493
+ bottom: @arrowOffset;
1494
+ left: 50%;
1495
+ content: '';
1496
+
1497
+ margin-left: @arrowOffset;
1498
+ width: @arrowSize;
1499
+ height: @arrowSize;
1500
+
1501
+ border: none;
1502
+ border-bottom: @arrowBorder;
1503
+ border-right: @arrowBorder;
1504
+
1505
+ background: none;
1506
+ transform: rotate(45deg);
1507
+ z-index: 2;
1508
+
1509
+ transition:
1510
+ background 0.2s ease
1511
+ ;
1512
+ }
1513
+
1514
+ /* Don't double up pointers */
1515
+ .ui.pointing.menu .active.item .menu .active.item:after {
1516
+ display: none;
1517
+ }
1518
+
1519
+ .ui.vertical.pointing.menu .active.item:after {
1520
+ position: absolute;
1521
+ top: 50%;
1522
+ margin-top: @arrowOffset;
1523
+ right: @arrowOffset;
1524
+ bottom: auto;
1525
+ left: auto;
1526
+
1527
+ border: none;
1528
+ border-top: @arrowBorder;
1529
+ border-right: @arrowBorder;
1530
+ }
1531
+
1532
+ /* Colors */
1533
+ .ui.pointing.menu .active.item:hover:after {
1534
+ background-color: @arrowHoverColor;
1535
+ }
1536
+ .ui.pointing.menu .active.item:after {
1537
+ background-color: @arrowActiveColor;
1538
+ }
1539
+
1540
+ .ui.vertical.pointing.menu .item:hover:after {
1541
+ background-color: @arrowVerticalHoverColor;
1542
+ }
1543
+ .ui.vertical.pointing.menu .active.item:after {
1544
+ background-color: @arrowVerticalActiveColor;
1545
+ }
1546
+
1547
+
1548
+
1549
+ /*--------------
1550
+ Attached
1551
+ ---------------*/
1552
+
1553
+ .ui.menu.attached {
1554
+ margin: 0rem;
1555
+ border-radius: 0px;
1556
+ /* avoid rgba multiplying */
1557
+ box-shadow: @attachedBoxShadow;
1558
+ }
1559
+ .ui.top.attached.menu {
1560
+ border-radius: @borderRadius @borderRadius 0em 0em;
1561
+ }
1562
+ .ui.menu.bottom.attached {
1563
+ border-radius: 0em 0em @borderRadius @borderRadius;
1564
+ }
1565
+
1566
+ /*--------------
1567
+ Sizes
1568
+ ---------------*/
1569
+
1570
+ /* Small */
1571
+ .ui.small.menu .item {
1572
+ font-size: @small;
1573
+ }
1574
+ .ui.small.vertical.menu {
1575
+ width: @smallWidth;
1576
+ }
1577
+
1578
+ /* Medium */
1579
+ .ui.menu .item {
1580
+ font-size: @medium;
1581
+ }
1582
+ .ui.vertical.menu {
1583
+ width: @mediumWidth;
1584
+ }
1585
+
1586
+ /* Large */
1587
+ .ui.large.menu .item {
1588
+ font-size: @large;
1589
+ }
1590
+ .ui.large.menu .item .item {
1591
+ font-size: @largeSubMenu;
1592
+ }
1593
+ .ui.large.menu .dropdown .item {
1594
+ font-size: @largeDropdown;
1595
+ }
1596
+ .ui.large.vertical.menu {
1597
+ width: @largeWidth;
1598
+ }
1599
+
1600
+ .loadUIOverrides();