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,1201 @@
1
+ /*
2
+ *= depend_on semantic_ui/theme.config
3
+ *= depend_on semantic_ui/config/collections/grid.overrides
4
+ *= depend_on semantic_ui/config/collections/grid.variables
5
+ */
6
+
7
+ /*
8
+ * # Semantic - Grid
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 : 'grid';
24
+
25
+ @import 'semantic_ui/theme.config';
26
+
27
+
28
+ /*******************************
29
+ Standard
30
+ *******************************/
31
+
32
+ .ui.grid {
33
+ display: block;
34
+ text-align: left;
35
+
36
+ font-size: 0em;
37
+ padding: 0em;
38
+ }
39
+
40
+ .ui.grid:after,
41
+ .ui.grid > .row:after {
42
+ content: '';
43
+ display: block;
44
+ height: 0px;
45
+ clear: both;
46
+ visibility: hidden;
47
+ }
48
+
49
+ /*----------------------
50
+ Remove Gutters
51
+ -----------------------*/
52
+
53
+ .ui.grid {
54
+ margin-top: -(@rowSpacing / 2);
55
+ margin-bottom: -(@rowSpacing / 2);
56
+ margin-left: -(@gutterWidth / 2);
57
+ margin-right: -(@gutterWidth / 2);
58
+ }
59
+ .ui.relaxed.grid {
60
+ margin-left: -(@relaxedGutterWidth / 2);
61
+ margin-right: -(@relaxedGutterWidth / 2);
62
+ }
63
+ .ui[class*="very relaxed"].grid {
64
+ margin-left: -(@veryRelaxedGutterWidth / 2);
65
+ margin-right: -(@veryRelaxedGutterWidth / 2);
66
+ }
67
+
68
+
69
+ /* Collapse Margins on Consecutive Grids */
70
+ .ui.grid + .grid {
71
+ margin-top: (@rowSpacing / 2);
72
+ }
73
+
74
+ /*-------------------
75
+ Columns
76
+ --------------------*/
77
+
78
+ /* Standard 16 column */
79
+ .ui.grid > .column:not(.row),
80
+ .ui.grid > .row > .column {
81
+ position: relative;
82
+ display: inline-block;
83
+ text-align: left;
84
+ font-size: 1rem;
85
+
86
+ width: @oneWide;
87
+ padding-left: (@gutterWidth / 2);
88
+ padding-right: (@gutterWidth / 2);
89
+ vertical-align: top;
90
+ }
91
+
92
+ .ui.grid > * {
93
+ padding-left: (@gutterWidth / 2);
94
+ padding-right: (@gutterWidth / 2);
95
+ }
96
+
97
+ /*-------------------
98
+ Rows
99
+ --------------------*/
100
+
101
+ .ui.grid > .row {
102
+ position: relative;
103
+ display: block;
104
+ width: auto !important;
105
+ padding: 0rem;
106
+ font-size: 0rem;
107
+ padding-top: (@rowSpacing / 2);
108
+ padding-bottom: (@rowSpacing / 2);
109
+ }
110
+
111
+ /*-------------------
112
+ Columns
113
+ --------------------*/
114
+
115
+ /* Vertical padding when no rows */
116
+ .ui.grid > .column:not(.row) {
117
+ padding-top: (@rowSpacing / 2);
118
+ padding-bottom: (@rowSpacing / 2);
119
+ }
120
+ .ui.grid > .row > .column {
121
+ margin-top: 0em;
122
+ margin-bottom: 0em;
123
+ }
124
+
125
+ /*-------------------
126
+ Content
127
+ --------------------*/
128
+
129
+ .ui.grid > .row > img,
130
+ .ui.grid > .row > .column > img {
131
+ max-width: @columnMaxImageWidth;
132
+ }
133
+
134
+ /*-------------------
135
+ Loose Coupling
136
+ --------------------*/
137
+
138
+ .ui.grid .row + .ui.divider {
139
+ margin: (@rowSpacing / 2) (@gutterWidth / 2);
140
+ }
141
+
142
+ /* remove Border on last horizontal segment */
143
+ .ui.grid > .row > .column:last-child > .horizontal.segment,
144
+ .ui.grid > .column:last-child > .horizontal.segment {
145
+ box-shadow: none;
146
+ }
147
+
148
+ /*******************************
149
+ Variations
150
+ *******************************/
151
+
152
+
153
+ /*-----------------------
154
+ Page Grid
155
+ -------------------------*/
156
+
157
+ .ui.page.grid {
158
+ padding-left: @computerGutter;
159
+ padding-right: @computerGutter;
160
+ width: @computerWidth;
161
+ }
162
+
163
+ /* Collapse Margin */
164
+ .ui.grid > .ui.grid:first-child {
165
+ margin-top: 0em;
166
+ }
167
+ .ui.grid > .ui.grid:last-child {
168
+ margin-bottom: 0em;
169
+ }
170
+
171
+ @media only screen and (max-width: (@largestMobileScreen)) {
172
+ .ui.page.grid {
173
+ width: @mobileWidth;
174
+ padding-left: @mobileGutter;
175
+ padding-right: @mobileGutter;
176
+ margin-left: 0em;
177
+ margin-right: 0em;
178
+ }
179
+ }
180
+ @media only screen and (min-width: @tabletBreakpoint) {
181
+ .ui.page.grid {
182
+ width: @tabletWidth;
183
+ margin-left: @tabletMargin;
184
+ margin-right: @tabletMargin;
185
+ padding-left: @tabletGutter;
186
+ padding-right: @tabletGutter;
187
+ }
188
+ }
189
+ @media only screen and (min-width: @computerBreakpoint) {
190
+ .ui.page.grid {
191
+ width: @computerWidth;
192
+ margin-left: @computerMargin;
193
+ margin-right: @computerMargin;
194
+ padding-left: @computerGutter;
195
+ padding-right: @computerGutter;
196
+ }
197
+ }
198
+ @media only screen and (min-width: @largeMonitorBreakpoint) {
199
+ .ui.page.grid {
200
+ width: @largeMonitorWidth;
201
+ margin-left: @largeMonitorMargin;
202
+ margin-right: @largeMonitorMargin;
203
+ padding-left: @largeMonitorGutter;
204
+ padding-right: @largeMonitorGutter;
205
+ }
206
+ }
207
+ @media only screen and (min-width: @widescreenMonitorBreakpoint) {
208
+ .ui.page.grid {
209
+ width: @widescreenMonitorWidth;
210
+ margin-left: @widescreenMargin;
211
+ margin-right: @widescreenMargin;
212
+ padding-left: @widescreenMonitorGutter;
213
+ padding-right: @widescreenMonitorGutter;
214
+ }
215
+ }
216
+
217
+
218
+ /*-------------------
219
+ Column Count
220
+ --------------------*/
221
+
222
+ /* Assume full width with one column */
223
+ .ui.grid > .column:only-child,
224
+ .ui.grid > .row > .column:only-child {
225
+ width: @oneColumn;
226
+ }
227
+
228
+ /* Grid Based */
229
+ .ui[class*="one column"].grid > .row > .column,
230
+ .ui[class*="one column"].grid > .column {
231
+ width: @oneColumn;
232
+ }
233
+ .ui[class*="two column"].grid > .row > .column,
234
+ .ui[class*="two column"].grid > .column {
235
+ width: @twoColumn;
236
+ }
237
+ .ui[class*="three column"].grid > .row > .column,
238
+ .ui[class*="three column"].grid > .column {
239
+ width: @threeColumn;
240
+ }
241
+ .ui[class*="four column"].grid > .row > .column,
242
+ .ui[class*="four column"].grid > .column {
243
+ width: @fourColumn;
244
+ }
245
+ .ui[class*="five column"].grid > .row > .column,
246
+ .ui[class*="five column"].grid > .column {
247
+ width: @fiveColumn;
248
+ }
249
+ .ui[class*="six column"].grid > .row > .column,
250
+ .ui[class*="six column"].grid > .column {
251
+ width: @sixColumn;
252
+ }
253
+ .ui[class*="seven column"].grid > .row > .column,
254
+ .ui[class*="seven column"].grid > .column {
255
+ width: @sevenColumn;
256
+ }
257
+ .ui[class*="eight column"].grid > .row > .column,
258
+ .ui[class*="eight column"].grid > .column {
259
+ width: @eightColumn;
260
+ }
261
+ .ui[class*="nine column"].grid > .row > .column,
262
+ .ui[class*="nine column"].grid > .column {
263
+ width: @nineColumn;
264
+ }
265
+ .ui[class*="ten column"].grid > .row > .column,
266
+ .ui[class*="ten column"].grid > .column {
267
+ width: @tenColumn;
268
+ }
269
+ .ui[class*="eleven column"].grid > .row > .column,
270
+ .ui[class*="eleven column"].grid > .column {
271
+ width: @elevenColumn;
272
+ }
273
+ .ui[class*="twelve column"].grid > .row > .column,
274
+ .ui[class*="twelve column"].grid > .column {
275
+ width: @twelveColumn;
276
+ }
277
+ .ui[class*="thirteen column"].grid > .row > .column,
278
+ .ui[class*="thirteen column"].grid > .column {
279
+ width: @thirteenColumn;
280
+ }
281
+ .ui[class*="fourteen column"].grid > .row > .column,
282
+ .ui[class*="fourteen column"].grid > .column {
283
+ width: @fourteenColumn;
284
+ }
285
+ .ui[class*="fifteen column"].grid > .row > .column,
286
+ .ui[class*="fifteen column"].grid > .column {
287
+ width: @fifteenColumn;
288
+ }
289
+ .ui[class*="sixteen column"].grid > .row > .column,
290
+ .ui[class*="sixteen column"].grid > .column {
291
+ width: @sixteenColumn;
292
+ }
293
+
294
+ /* Row Based Overrides */
295
+ .ui.grid > [class*="one column"].row > .column {
296
+ width: @oneColumn !important;
297
+ }
298
+ .ui.grid > [class*="two column"].row > .column {
299
+ width: @twoColumn !important;
300
+ }
301
+ .ui.grid > [class*="three column"].row > .column {
302
+ width: @threeColumn !important;
303
+ }
304
+ .ui.grid > [class*="four column"].row > .column {
305
+ width: @fourColumn !important;
306
+ }
307
+ .ui.grid > [class*="five column"].row > .column {
308
+ width: @fiveColumn !important;
309
+ }
310
+ .ui.grid > [class*="six column"].row > .column {
311
+ width: @sixColumn !important;
312
+ }
313
+ .ui.grid > [class*="seven column"].row > .column {
314
+ width: @sevenColumn !important;
315
+ }
316
+ .ui.grid > [class*="eight column"].row > .column {
317
+ width: @eightColumn !important;
318
+ }
319
+ .ui.grid > [class*="nine column"].row > .column {
320
+ width: @nineColumn !important;
321
+ }
322
+ .ui.grid > [class*="ten column"].row > .column {
323
+ width: @tenColumn !important;
324
+ }
325
+ .ui.grid > [class*="eleven column"].row > .column {
326
+ width: @elevenColumn !important;
327
+ }
328
+ .ui.grid > [class*="twelve column"].row > .column {
329
+ width: @twelveColumn !important;
330
+ }
331
+ .ui.grid > [class*="thirteen column"].row > .column {
332
+ width: @thirteenColumn !important;
333
+ }
334
+ .ui.grid > [class*="fourteen column"].row > .column {
335
+ width: @fourteenColumn !important;
336
+ }
337
+ .ui.grid > [class*="fifteen column"].row > .column {
338
+ width: @fifteenColumn !important;
339
+ }
340
+ .ui.grid > [class*="sixteen column"].row > .column {
341
+ width: @sixteenColumn !important;
342
+ }
343
+
344
+
345
+ /*-------------------
346
+ Column Width
347
+ --------------------*/
348
+
349
+ /* Sizing Combinations */
350
+ .ui.grid > .row > [class*="one wide"].column,
351
+ .ui.grid > .column.row > [class*="one wide"].column,
352
+ .ui.grid > [class*="one wide"].column,
353
+ .ui.column.grid > [class*="one wide"].column {
354
+ width: @oneWide !important;
355
+ }
356
+ .ui.grid > .row > [class*="two wide"].column,
357
+ .ui.grid > .column.row > [class*="two wide"].column,
358
+ .ui.grid > [class*="two wide"].column,
359
+ .ui.column.grid > [class*="two wide"].column {
360
+ width: @twoWide !important;
361
+ }
362
+ .ui.grid > .row > [class*="three wide"].column,
363
+ .ui.grid > .column.row > [class*="three wide"].column,
364
+ .ui.grid > [class*="three wide"].column,
365
+ .ui.column.grid > [class*="three wide"].column {
366
+ width: @threeWide !important;
367
+ }
368
+ .ui.grid > .row > [class*="four wide"].column,
369
+ .ui.grid > .column.row > [class*="four wide"].column,
370
+ .ui.grid > [class*="four wide"].column,
371
+ .ui.column.grid > [class*="four wide"].column {
372
+ width: @fourWide !important;
373
+ }
374
+ .ui.grid > .row > [class*="five wide"].column,
375
+ .ui.grid > .column.row > [class*="five wide"].column,
376
+ .ui.grid > [class*="five wide"].column,
377
+ .ui.column.grid > [class*="five wide"].column {
378
+ width: @fiveWide !important;
379
+ }
380
+ .ui.grid > .row > [class*="six wide"].column,
381
+ .ui.grid > .column.row > [class*="six wide"].column,
382
+ .ui.grid > [class*="six wide"].column,
383
+ .ui.column.grid > [class*="six wide"].column {
384
+ width: @sixWide !important;
385
+ }
386
+ .ui.grid > .row > [class*="seven wide"].column,
387
+ .ui.grid > .column.row > [class*="seven wide"].column,
388
+ .ui.grid > [class*="seven wide"].column,
389
+ .ui.column.grid > [class*="seven wide"].column {
390
+ width: @sevenWide !important;
391
+ }
392
+ .ui.grid > .row > [class*="eight wide"].column,
393
+ .ui.grid > .column.row > [class*="eight wide"].column,
394
+ .ui.grid > [class*="eight wide"].column,
395
+ .ui.column.grid > [class*="eight wide"].column {
396
+ width: @eightWide !important;
397
+ }
398
+ .ui.grid > .row > [class*="nine wide"].column,
399
+ .ui.grid > .column.row > [class*="nine wide"].column,
400
+ .ui.grid > [class*="nine wide"].column,
401
+ .ui.column.grid > [class*="nine wide"].column {
402
+ width: @nineWide !important;
403
+ }
404
+ .ui.grid > .row > [class*="ten wide"].column,
405
+ .ui.grid > .column.row > [class*="ten wide"].column,
406
+ .ui.grid > [class*="ten wide"].column,
407
+ .ui.column.grid > [class*="ten wide"].column {
408
+ width: @tenWide !important;
409
+ }
410
+ .ui.grid > .row > [class*="eleven wide"].column,
411
+ .ui.grid > .column.row > [class*="eleven wide"].column,
412
+ .ui.grid > [class*="eleven wide"].column,
413
+ .ui.column.grid > [class*="eleven wide"].column {
414
+ width: @elevenWide !important;
415
+ }
416
+ .ui.grid > .row > [class*="twelve wide"].column,
417
+ .ui.grid > .column.row > [class*="twelve wide"].column,
418
+ .ui.grid > [class*="twelve wide"].column,
419
+ .ui.column.grid > [class*="twelve wide"].column {
420
+ width: @twelveWide !important;
421
+ }
422
+ .ui.grid > .row > [class*="thirteen wide"].column,
423
+ .ui.grid > .column.row > [class*="thirteen wide"].column,
424
+ .ui.grid > [class*="thirteen wide"].column,
425
+ .ui.column.grid > [class*="thirteen wide"].column {
426
+ width: @thirteenWide !important;
427
+ }
428
+ .ui.grid > .row > [class*="fourteen wide"].column,
429
+ .ui.grid > .column.row > [class*="fourteen wide"].column,
430
+ .ui.grid > [class*="fourteen wide"].column,
431
+ .ui.column.grid > [class*="fourteen wide"].column {
432
+ width: @fourteenWide !important;
433
+ }
434
+ .ui.grid > .row > [class*="fifteen wide"].column,
435
+ .ui.grid > .column.row > [class*="fifteen wide"].column,
436
+ .ui.grid > [class*="fifteen wide"].column,
437
+ .ui.column.grid > [class*="fifteen wide"].column {
438
+ width: @fifteenWide !important;
439
+ }
440
+ .ui.grid > .row > [class*="sixteen wide"].column,
441
+ .ui.grid > .column.row > [class*="sixteen wide"].column,
442
+ .ui.grid > [class*="sixteen wide"].column,
443
+ .ui.column.grid > [class*="sixteen wide"].column {
444
+ width: @sixteenWide !important;
445
+ }
446
+
447
+ /*----------------------
448
+ Centered
449
+ -----------------------*/
450
+
451
+ .ui.centered.grid,
452
+ .ui.centered.grid > .row,
453
+ .ui.grid .centered.row {
454
+ text-align: center;
455
+ }
456
+ .ui.centered.grid > .column:not(.aligned),
457
+ .ui.centered.grid > .row > .column:not(.aligned),
458
+ .ui.grid .centered.row > .column:not(.aligned) {
459
+ text-align: left;
460
+ }
461
+
462
+ .ui.grid > .centered.column,
463
+ .ui.grid > .row > .centered.column {
464
+ display: block;
465
+ margin-left: auto;
466
+ margin-right: auto;
467
+ }
468
+
469
+ /*----------------------
470
+ Relaxed
471
+ -----------------------*/
472
+
473
+ .ui.relaxed.grid > .column:not(.row),
474
+ .ui.relaxed.grid > .row > .column,
475
+ .ui.grid > .relaxed.row > .column {
476
+ padding-left: (@relaxedGutterWidth / 2);
477
+ padding-right: (@relaxedGutterWidth / 2);
478
+ }
479
+
480
+ .ui[class*="very relaxed"].grid > .column:not(.row),
481
+ .ui[class*="very relaxed"].grid > .row > .column,
482
+ .ui.grid > [class*="very relaxed"].row > .column {
483
+ padding-left: (@veryRelaxedGutterWidth / 2);
484
+ padding-right: (@veryRelaxedGutterWidth / 2);
485
+ }
486
+
487
+ /* Coupling with UI Divider */
488
+ .ui.relaxed.grid .row + .ui.divider,
489
+ .ui.grid .relaxed.row + .ui.divider {
490
+ margin-left: (@relaxedGutterWidth / 2);
491
+ margin-right: (@relaxedGutterWidth / 2);
492
+ }
493
+ .ui[class*="very relaxed"].grid .row + .ui.divider,
494
+ .ui.grid [class*="very relaxed"].row + .ui.divider {
495
+ margin-left: (@veryRelaxedGutterWidth / 2);
496
+ margin-right: (@veryRelaxedGutterWidth / 2);
497
+ }
498
+
499
+
500
+ /*----------------------
501
+ Padded
502
+ -----------------------*/
503
+
504
+ .ui.padded.grid:not(.vertically):not(.horizontally) {
505
+ margin: 0em !important;
506
+ }
507
+ [class*="horizontally padded"].ui.grid {
508
+ margin-left: 0em !important;
509
+ margin-right: 0em !important;
510
+ }
511
+ [class*="vertically padded"].ui.grid {
512
+ margin-top: 0em !important;
513
+ margin-bottom: 0em !important;
514
+ }
515
+
516
+ /*----------------------
517
+ "Floated"
518
+ -----------------------*/
519
+
520
+ .ui.grid [class*="left floated"].column {
521
+ float: left;
522
+ }
523
+ .ui.grid [class*="right floated"].column {
524
+ float: right;
525
+ }
526
+
527
+
528
+ /*----------------------
529
+ Divided
530
+ -----------------------*/
531
+
532
+ .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
533
+ .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
534
+ box-shadow: @dividedBorder;
535
+ }
536
+
537
+ /* Swap from padding to margin on columns to have dividers align */
538
+ .ui[class*="vertically divided"].grid > .column:not(.row),
539
+ .ui[class*="vertically divided"].grid > .row > .column {
540
+ margin-top: (@rowSpacing / 2);
541
+ margin-bottom: (@rowSpacing / 2);
542
+ padding-top: 0rem;
543
+ padding-bottom: 0rem;
544
+ }
545
+ .ui[class*="vertically divided"].grid > .row {
546
+ margin-top: 0em;
547
+ margin-bottom: 0em;
548
+ padding-top: 0em;
549
+ padding-bottom: 0em;
550
+ }
551
+
552
+ /* No divider on first column on row */
553
+ .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
554
+ .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
555
+ box-shadow: none;
556
+ }
557
+
558
+ /* Divided Row */
559
+ .ui.grid > .divided.row > .column {
560
+ box-shadow: @dividedBorder;
561
+ }
562
+ .ui.grid > .divided.row > .column:first-child {
563
+ box-shadow: none;
564
+ }
565
+
566
+ /* Vertically Divided */
567
+ .ui[class*="vertically divided"].grid > .row {
568
+ position: relative;
569
+ }
570
+ .ui[class*="vertically divided"].grid > .row:before {
571
+ position: absolute;
572
+ content: "";
573
+ top: 0em;
574
+ left: 0px;
575
+
576
+ width: ~"calc(100% - "@gutterWidth~")";
577
+ height: 1px;
578
+
579
+ margin: 0% (@gutterWidth / 2);
580
+ box-shadow: @verticallyDividedBorder;
581
+ }
582
+
583
+ /* Padded Horizontally Divided */
584
+ [class*="horizontally padded"].ui.divided.grid,
585
+ .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
586
+ width: 100%;
587
+ }
588
+
589
+ /* First Row Vertically Divided */
590
+ .ui[class*="vertically divided"].grid > .row:first-child:before {
591
+ box-shadow: none;
592
+ }
593
+
594
+ /* Inverted Divided */
595
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
596
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
597
+ box-shadow: @dividedInvertedBorder;
598
+ }
599
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
600
+ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
601
+ box-shadow: none;
602
+ }
603
+ .ui.inverted[class*="vertically divided"].grid > .row:before {
604
+ box-shadow: @verticallyDividedInvertedBorder;
605
+ }
606
+
607
+ /* Relaxed */
608
+ .ui.relaxed[class*="vertically divided"].grid > .row:before {
609
+ margin-left: (@relaxedGutterWidth / 2);
610
+ margin-right: (@relaxedGutterWidth / 2);
611
+ width: ~"calc(100% - "@relaxedGutterWidth~")";
612
+ }
613
+ .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
614
+ margin-left: @veryRelaxedGutterWidth;
615
+ margin-right: @veryRelaxedGutterWidth;
616
+ width: ~"calc(100% - "@veryRelaxedGutterWidth~")";
617
+ }
618
+
619
+ /*----------------------
620
+ Celled
621
+ -----------------------*/
622
+
623
+ .ui.celled.grid {
624
+ display: table;
625
+ table-layout: fixed;
626
+ width: 100%;
627
+ margin: @celledMargin;
628
+ box-shadow: 0px 0px 0px @celledWidth @celledBorderColor;
629
+ }
630
+ .ui.celled.grid > .row,
631
+ .ui.celled.grid > .column.row,
632
+ .ui.celled.grid > .column.row:first-child {
633
+ display: table;
634
+ table-layout: fixed;
635
+ width: 100% !important;
636
+ margin: 0em;
637
+ padding: 0em;
638
+ box-shadow: 0px (-@celledWidth) 0px 0px @celledBorderColor;
639
+ }
640
+ .ui.celled.grid > .column:not(.row),
641
+ .ui.celled.grid > .row > .column {
642
+ display: table-cell;
643
+ box-shadow: (-@celledWidth) 0px 0px 0px @celledBorderColor;
644
+ }
645
+ .ui.celled.grid > .column:first-child,
646
+ .ui.celled.grid > .row > .column:first-child {
647
+ box-shadow: none;
648
+ }
649
+ .ui.celled.page.grid {
650
+ box-shadow: none;
651
+ }
652
+
653
+ .ui.celled.grid > .column:not(.row),
654
+ .ui.celled.grid > .row > .column {
655
+ padding: @celledPadding;
656
+ }
657
+ .ui.relaxed.celled.grid > .column:not(.row),
658
+ .ui.relaxed.celled.grid > .row > .column {
659
+ padding: @celledRelaxedPadding;
660
+ }
661
+ .ui[class*="very relaxed"].celled.grid > .column:not(.row),
662
+ .ui[class*="very relaxed"].celled.grid > .row > .column {
663
+ padding: @celledVeryRelaxedPadding;
664
+ }
665
+
666
+ /* Internally Celled */
667
+ .ui[class*="internally celled"].grid {
668
+ box-shadow: none;
669
+ }
670
+ .ui[class*="internally celled"].grid > .row:first-child {
671
+ box-shadow: none;
672
+ }
673
+ .ui[class*="internally celled"].grid > .row > .column:first-child {
674
+ box-shadow: none;
675
+ }
676
+
677
+ /*----------------------
678
+ Horizontally Centered
679
+ -----------------------*/
680
+
681
+ /* Left Aligned */
682
+ .ui[class*="left aligned"].grid,
683
+ .ui[class*="left aligned"].grid > .row > .column,
684
+ .ui[class*="left aligned"].grid > .column,
685
+ .ui.grid [class*="left aligned"].column,
686
+ .ui.grid > [class*="left aligned"].aligned.row > .column {
687
+ text-align: left;
688
+ }
689
+ .ui.grid [class*="left aligned"].column{
690
+ text-align: left !important;
691
+ }
692
+
693
+ /* Center Aligned */
694
+ .ui[class*="center aligned"].grid,
695
+ .ui[class*="center aligned"].grid > .row > .column,
696
+ .ui[class*="center aligned"].grid > .column,
697
+ .ui.grid > [class*="center aligned"].aligned.row > .column {
698
+ text-align: center;
699
+ }
700
+ .ui.grid [class*="center aligned"].column{
701
+ text-align: center !important;
702
+ }
703
+
704
+ /* Right Aligned */
705
+ .ui[class*="right aligned"].grid,
706
+ .ui[class*="right aligned"].grid > .row > .column,
707
+ .ui[class*="right aligned"].grid > .column,
708
+ .ui.grid > [class*="right aligned"].aligned.row > .column {
709
+ text-align: right;
710
+ }
711
+ .ui.grid [class*="right aligned"].column{
712
+ text-align: right !important;
713
+ }
714
+
715
+ /* Justified */
716
+ .ui.justified.grid,
717
+ .ui.justified.grid > .row > .column,
718
+ .ui.justified.grid > .column,
719
+ .ui.grid .justified.column,
720
+ .ui.grid > .justified.row > .column {
721
+ text-align: justify;
722
+ hyphens: auto;
723
+ }
724
+ .ui.grid .justified.column {
725
+ text-align: justify !important;
726
+ hyphens: auto !important;
727
+ }
728
+
729
+ /*----------------------
730
+ Vertically Aligned
731
+ -----------------------*/
732
+
733
+ /* Top Aligned */
734
+ .ui[class*="top aligned"].grid,
735
+ .ui[class*="top aligned"].grid > .row > .column,
736
+ .ui[class*="top aligned"].grid > .column,
737
+ .ui.grid [class*="top aligned"].column,
738
+ .ui.grid > [class*="top aligned"].aligned.row > .column {
739
+ vertical-align: top;
740
+ }
741
+ .ui.grid [class*="top aligned"].column{
742
+ vertical-align: top !important;
743
+ }
744
+
745
+ /* Middle Aligned */
746
+ .ui[class*="center aligned"].grid,
747
+ .ui[class*="middle aligned"].grid > .row > .column,
748
+ .ui[class*="middle aligned"].grid > .column,
749
+ .ui.grid > [class*="middle aligned"].aligned.row > .column {
750
+ vertical-align: middle;
751
+ }
752
+ .ui.grid [class*="middle aligned"].column{
753
+ vertical-align: middle !important;
754
+ }
755
+
756
+ /* Bottom Aligned */
757
+ .ui[class*="bottom aligned"].grid,
758
+ .ui[class*="bottom aligned"].grid > .row > .column,
759
+ .ui[class*="bottom aligned"].grid > .column,
760
+ .ui.grid > [class*="bottom aligned"].aligned.row > .column {
761
+ vertical-align: bottom;
762
+ }
763
+ .ui.grid [class*="bottom aligned"].column{
764
+ vertical-align: bottom !important;
765
+ }
766
+
767
+ /*----------------------
768
+ Colored
769
+ -----------------------*/
770
+
771
+ .ui.grid > .white.row,
772
+ .ui.grid .white.column {
773
+ background-color: @white !important;
774
+ color: @textColor;
775
+ }
776
+ .ui.grid > .row > .white.column {
777
+ margin-top: -(@rowSpacing / 2);
778
+ margin-bottom: -(@rowSpacing / 2);
779
+ padding-top: (@rowSpacing / 2);
780
+ padding-bottom: (@rowSpacing / 2);
781
+ }
782
+
783
+ .ui.grid > .black.row,
784
+ .ui.grid .black.column {
785
+ background-color: @black !important;
786
+ color: @white;
787
+ }
788
+ .ui.grid > .row > .black.column {
789
+ margin-top: -(@rowSpacing / 2);
790
+ margin-bottom: -(@rowSpacing / 2);
791
+ padding-top: (@rowSpacing / 2);
792
+ padding-bottom: (@rowSpacing / 2);
793
+ }
794
+
795
+ .ui.grid > .blue.row,
796
+ .ui.grid .blue.column {
797
+ background-color: @blue !important;
798
+ color: @white;
799
+ }
800
+ .ui.grid > .row > .blue.column {
801
+ margin-top: -(@rowSpacing / 2);
802
+ margin-bottom: -(@rowSpacing / 2);
803
+ padding-top: (@rowSpacing / 2);
804
+ padding-bottom: (@rowSpacing / 2);
805
+ }
806
+
807
+ .ui.grid > .green.row,
808
+ .ui.grid .green.column {
809
+ background-color: @green !important;
810
+ color: @white;
811
+ }
812
+ .ui.grid > .row > .green.column {
813
+ margin-top: -(@rowSpacing / 2);
814
+ margin-bottom: -(@rowSpacing / 2);
815
+ padding-top: (@rowSpacing / 2);
816
+ padding-bottom: (@rowSpacing / 2);
817
+ }
818
+
819
+ .ui.grid > .orange.row,
820
+ .ui.grid .orange.column {
821
+ background-color: @orange !important;
822
+ color: @white;
823
+ }
824
+ .ui.grid > .row > .orange.column {
825
+ margin-top: -(@rowSpacing / 2);
826
+ margin-bottom: -(@rowSpacing / 2);
827
+ padding-top: (@rowSpacing / 2);
828
+ padding-bottom: (@rowSpacing / 2);
829
+ }
830
+
831
+ .ui.grid > .pink.row,
832
+ .ui.grid .pink.column {
833
+ background-color: @pink !important;
834
+ color: @white;
835
+ }
836
+ .ui.grid > .row > .pink.column {
837
+ margin-top: -(@rowSpacing / 2);
838
+ margin-bottom: -(@rowSpacing / 2);
839
+ padding-top: (@rowSpacing / 2);
840
+ padding-bottom: (@rowSpacing / 2);
841
+ }
842
+
843
+ .ui.grid > .purple.row,
844
+ .ui.grid .purple.column {
845
+ background-color: @purple !important;
846
+ color: @white;
847
+ }
848
+ .ui.grid > .row > .purple.column {
849
+ margin-top: -(@rowSpacing / 2);
850
+ margin-bottom: -(@rowSpacing / 2);
851
+ padding-top: (@rowSpacing / 2);
852
+ padding-bottom: (@rowSpacing / 2);
853
+ }
854
+
855
+ .ui.grid > .red.row,
856
+ .ui.grid .red.column {
857
+ background-color: @red !important;
858
+ color: @white;
859
+ }
860
+ .ui.grid > .row > .red.column {
861
+ margin-top: -(@rowSpacing / 2);
862
+ margin-bottom: -(@rowSpacing / 2);
863
+ padding-top: (@rowSpacing / 2);
864
+ padding-bottom: (@rowSpacing / 2);
865
+ }
866
+
867
+ .ui.grid > .teal.row,
868
+ .ui.grid .teal.column {
869
+ background-color: @teal !important;
870
+ color: @white;
871
+ }
872
+ .ui.grid > .row > .teal.column {
873
+ margin-top: -(@rowSpacing / 2);
874
+ margin-bottom: -(@rowSpacing / 2);
875
+ padding-top: (@rowSpacing / 2);
876
+ padding-bottom: (@rowSpacing / 2);
877
+ }
878
+
879
+ .ui.grid > .yellow.row,
880
+ .ui.grid .yellow.column {
881
+ background-color: @yellow !important;
882
+ color: @white;
883
+ }
884
+ .ui.grid > .row > .yellow.column {
885
+ margin-top: -(@rowSpacing / 2);
886
+ margin-bottom: -(@rowSpacing / 2);
887
+ padding-top: (@rowSpacing / 2);
888
+ padding-bottom: (@rowSpacing / 2);
889
+ }
890
+
891
+
892
+
893
+
894
+ /*----------------------
895
+ Equal Height Columns
896
+ -----------------------*/
897
+ .ui[class*="equal height"].grid {
898
+ display: table;
899
+ table-layout: fixed;
900
+ }
901
+
902
+ .ui[class*="equal height"].grid > .row,
903
+ .ui[class*="equal height"].row {
904
+ display: table;
905
+ table-layout: fixed;
906
+ width: 100% !important;
907
+ }
908
+ .ui[class*="equal height"].grid > .column,
909
+ .ui[class*="equal height"].grid > .row > .column,
910
+ .ui.grid > [class*="equal height"].row > .column {
911
+ display: table-cell;
912
+ }
913
+
914
+
915
+ /*-------------------
916
+ Doubling
917
+ --------------------*/
918
+
919
+ /* Tablet Only */
920
+ @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
921
+ .ui.doubling.grid {
922
+ width: 100% !important;
923
+ }
924
+ .ui.grid > .doubling.row,
925
+ .ui.doubling.grid > .row {
926
+ margin: 0em !important;
927
+ padding: 0em !important;
928
+ }
929
+ .ui.grid > .doubling.row > .column,
930
+ .ui.doubling.grid > .row > .column {
931
+ display: inline-block !important;
932
+ padding-top: (@rowSpacing / 2) !important;
933
+ padding-bottom: (@rowSpacing / 2) !important;
934
+ margin: 0em;
935
+ }
936
+ .ui[class*="two column"].doubling.grid > .row > .column,
937
+ .ui[class*="two column"].doubling.grid > .column,
938
+ .ui.grid > [class*="two column"].doubling.row > .column {
939
+ width: @oneColumn !important;
940
+ }
941
+ .ui[class*="three column"].doubling.grid > .row > .column,
942
+ .ui[class*="three column"].doubling.grid > .column,
943
+ .ui.grid > [class*="three column"].doubling.row > .column {
944
+ width: @twoColumn !important;
945
+ }
946
+ .ui[class*="four column"].doubling.grid > .row > .column,
947
+ .ui[class*="four column"].doubling.grid > .column,
948
+ .ui.grid > [class*="four column"].doubling.row > .column {
949
+ width: @twoColumn !important;
950
+ }
951
+ .ui[class*="five column"].doubling.grid > .row > .column,
952
+ .ui[class*="five column"].doubling.grid > .column,
953
+ .ui.grid > [class*="five column"].doubling.row > .column {
954
+ width: @threeColumn !important;
955
+ }
956
+ .ui[class*="six column"].doubling.grid > .row > .column,
957
+ .ui[class*="six column"].doubling.grid > .column,
958
+ .ui.grid > [class*="six column"].doubling.row > .column {
959
+ width: @threeColumn !important;
960
+ }
961
+ .ui[class*="eight column"].doubling.grid > .row > .column,
962
+ .ui[class*="eight column"].doubling.grid > .column,
963
+ .ui.grid > [class*="eight column"].doubling.row > .column {
964
+ width: @threeColumn !important;
965
+ }
966
+ .ui[class*="eight column"].doubling.grid > .row > .column,
967
+ .ui[class*="eight column"].doubling.grid > .column,
968
+ .ui.grid > [class*="eight column"].doubling.row > .column {
969
+ width: @fourColumn !important;
970
+ }
971
+ .ui[class*="nine column"].doubling.grid > .row > .column,
972
+ .ui[class*="nine column"].doubling.grid > .column,
973
+ .ui.grid > [class*="nine column"].doubling.row > .column {
974
+ width: @fourColumn !important;
975
+ }
976
+ .ui[class*="ten column"].doubling.grid > .row > .column,
977
+ .ui[class*="ten column"].doubling.grid > .column,
978
+ .ui.grid > [class*="ten column"].doubling.row > .column {
979
+ width: @fiveColumn !important;
980
+ }
981
+ .ui[class*="twelve column"].doubling.grid > .row > .column,
982
+ .ui[class*="twelve column"].doubling.grid > .column,
983
+ .ui.grid > [class*="twelve column"].doubling.row > .column {
984
+ width: @sixColumn !important;
985
+ }
986
+ .ui[class*="fourteen column"].doubling.grid > .row > .column,
987
+ .ui[class*="fourteen column"].doubling.grid > .column,
988
+ .ui.grid > [class*="fourteen column"].doubling.row > .column {
989
+ width: @sevenColumn !important;
990
+ }
991
+ .ui[class*="sixteen column"].doubling.grid > .row > .column,
992
+ .ui[class*="sixteen column"].doubling.grid > .column,
993
+ .ui.grid > [class*="sixteen column"].doubling.row > .column {
994
+ width: @eightColumn !important;
995
+ }
996
+ }
997
+
998
+ /* Mobily Only */
999
+ @media only screen and (max-width: @largestMobileScreen) {
1000
+ .ui.doubling.grid {
1001
+ width: 100% !important;
1002
+ }
1003
+ .ui.grid > .doubling.row,
1004
+ .ui.doubling.grid > .row {
1005
+ display: block !important;
1006
+ margin: 0em !important;
1007
+ padding: 0em !important;
1008
+ }
1009
+ .ui.grid > .doubling.row > .column,
1010
+ .ui.doubling.grid > .row > .column {
1011
+ display: inline-block !important;
1012
+ padding-top: (@rowSpacing / 2) !important;
1013
+ padding-bottom: (@rowSpacing / 2) !important;
1014
+ margin: 0em !important;
1015
+ }
1016
+ .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
1017
+ .ui[class*="two column"].doubling:not(.stackable).grid > .column,
1018
+ .ui.grid > [class*="two column"].doubling:not(.stackable).row > .column {
1019
+ width: @oneColumn !important;
1020
+ }
1021
+ .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
1022
+ .ui[class*="three column"].doubling:not(.stackable).grid > .column,
1023
+ .ui.grid > [class*="three column"].doubling:not(.stackable).row > .column {
1024
+ width: @twoColumn !important;
1025
+ }
1026
+ .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
1027
+ .ui[class*="four column"].doubling:not(.stackable).grid > .column,
1028
+ .ui.grid > [class*="four column"].doubling:not(.stackable).row > .column {
1029
+ width: @twoColumn !important;
1030
+ }
1031
+ .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
1032
+ .ui[class*="five column"].doubling:not(.stackable).grid > .column,
1033
+ .ui.grid > [class*="five column"].doubling:not(.stackable).row > .column {
1034
+ width: @twoColumn !important;
1035
+ }
1036
+ .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
1037
+ .ui[class*="six column"].doubling:not(.stackable).grid > .column,
1038
+ .ui.grid > [class*="six column"].doubling:not(.stackable).row > .column {
1039
+ width: @twoColumn !important;
1040
+ }
1041
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
1042
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .column,
1043
+ .ui.grid > [class*="seven column"].doubling:not(.stackable).row > .column {
1044
+ width: @twoColumn !important;
1045
+ }
1046
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
1047
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .column,
1048
+ .ui.grid > [class*="eight column"].doubling:not(.stackable).row > .column {
1049
+ width: @twoColumn !important;
1050
+ }
1051
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
1052
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .column,
1053
+ .ui.grid > [class*="nine column"].doubling:not(.stackable).row > .column {
1054
+ width: @threeColumn !important;
1055
+ }
1056
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
1057
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .column,
1058
+ .ui.grid > [class*="ten column"].doubling:not(.stackable).row > .column {
1059
+ width: @threeColumn !important;
1060
+ }
1061
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
1062
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .column,
1063
+ .ui.grid > [class*="twelve column"].doubling:not(.stackable).row > .column {
1064
+ width: @threeColumn !important;
1065
+ }
1066
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
1067
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column,
1068
+ .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row > .column {
1069
+ width: @fourColumn !important;
1070
+ }
1071
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
1072
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column,
1073
+ .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row > .column {
1074
+ width: @fourColumn !important;
1075
+ }
1076
+ }
1077
+
1078
+ /*-------------------
1079
+ Stackable
1080
+ --------------------*/
1081
+
1082
+ @media only screen and (max-width: @largestMobileScreen) {
1083
+ .ui.stackable.grid {
1084
+ display: block !important;
1085
+ width: auto;
1086
+ padding: 0em;
1087
+ margin-top: 0em;
1088
+ margin-bottom: 0em;
1089
+ }
1090
+ :not(.column) > .ui.stackable.grid {
1091
+ margin: 0em;
1092
+ }
1093
+ .ui.stackable.grid > .row > .wide.column,
1094
+ .ui.stackable.grid > .wide.column,
1095
+ .ui.stackable.grid > .column.grid > .column,
1096
+ .ui.stackable.grid > .column.row > .column,
1097
+ .ui.stackable.grid > .row > .column,
1098
+ .ui.stackable.grid > .column {
1099
+ display: block !important;
1100
+ width: auto !important;
1101
+
1102
+ margin: (@stackableRowSpacing / 4) 0em !important;
1103
+ padding: (@stackableRowSpacing / 4) (@stackableGutter / 2) 0em !important;
1104
+
1105
+ box-shadow: none !important;
1106
+ }
1107
+
1108
+ .ui.stackable.celled.grid > .column,
1109
+ .ui.stackable.celled.grid > .row > .column,
1110
+ .ui.stackable.divided.grid > .column,
1111
+ .ui.stackable.divided.grid > .row > .column {
1112
+ border-top: @stackableMobileBorder;
1113
+ box-shadow: none !important;
1114
+ margin: (@stackableRowSpacing) 0em !important;
1115
+ padding: (@stackableRowSpacing) (@stackableGutter / 2) 0em !important;
1116
+ }
1117
+ .ui.inverted.stackable.celled.grid > .column,
1118
+ .ui.inverted.stackable.celled.grid > .row > .column,
1119
+ .ui.inverted.stackable.divided.grid > .column,
1120
+ .ui.inverted.stackable.divided.grid > .row > .column {
1121
+ border-top: @stackableInvertedMobileBorder;
1122
+ }
1123
+ .ui.stackable.grid > .row:first-child > .column:first-child,
1124
+ .ui.stackable.grid > .column:first-child {
1125
+ margin-top: 0em !important;
1126
+ padding-top: 0em !important;
1127
+ }
1128
+ .ui.stackable.divided.grid > .row:first-child > .column:first-child,
1129
+ .ui.stackable.celled.grid > .row:first-child > .column:first-child,
1130
+ .ui.stackable.divided.grid > .column:first-child,
1131
+ .ui.stackable.celled.grid > .column:first-child {
1132
+ border-top: none !important;
1133
+ }
1134
+
1135
+ .ui[class*="equal height"].stackable.page.grid {
1136
+ display: block !important;
1137
+ width: 100% !important;
1138
+ }
1139
+
1140
+ /* Remove pointers from vertical menus */
1141
+ .ui.stackable.grid .vertical.pointing.menu .item:after {
1142
+ display: none;
1143
+ }
1144
+
1145
+ }
1146
+
1147
+ /*----------------------
1148
+ Only (Device)
1149
+ -----------------------*/
1150
+
1151
+
1152
+ /* These include arbitrary class repetitions for forced specificity */
1153
+
1154
+ /* Mobile Only Hide */
1155
+ @media only screen and ( max-width: @largestMobileScreen ) {
1156
+ .ui.tablet:not(.mobile).only.grid.grid.grid,
1157
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
1158
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
1159
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
1160
+ display: none !important;
1161
+ }
1162
+ .ui[class*="computer only"].grid.grid.grid:not(.mobile),
1163
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
1164
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
1165
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
1166
+ display: none !important;
1167
+ }
1168
+ }
1169
+ /* Tablet Only Hide */
1170
+ @media only screen and (min-width: @tabletBreakpoint ) and (max-width: @largestTabletScreen) {
1171
+ .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
1172
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
1173
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
1174
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
1175
+ display: none !important;
1176
+ }
1177
+ .ui[class*="computer only"].grid.grid.grid:not(.tablet),
1178
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
1179
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
1180
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
1181
+ display: none !important;
1182
+ }
1183
+ }
1184
+
1185
+ /* Computer Only Hide */
1186
+ @media only screen and ( min-width: (@computerBreakpoint) ) {
1187
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1188
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1189
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
1190
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
1191
+ display: none !important;
1192
+ }
1193
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
1194
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
1195
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
1196
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
1197
+ display: none !important;
1198
+ }
1199
+ }
1200
+
1201
+ .loadUIOverrides();