fomantic-ui 2.9.1-beta.8 → 2.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (521) hide show
  1. package/.eslint/eqeqeq-rule.js +18 -0
  2. package/.eslint/index.js +29 -0
  3. package/.eslint/no-extra-parens-rule.js +17 -0
  4. package/.eslint/package.json +11 -0
  5. package/.eslintrc.js +123 -0
  6. package/.github/auto_assign.yml +0 -1
  7. package/.github/workflows/ci.yml +37 -4
  8. package/.github/workflows/nightly.yml +1 -1
  9. package/.github/workflows/release.yml +1 -1
  10. package/.prettierrc.js +12 -0
  11. package/.stylelintrc.js +48 -0
  12. package/CHANGELOG.md +112 -0
  13. package/README.md +1 -1
  14. package/dist/components/accordion.css +35 -53
  15. package/dist/components/accordion.js +568 -595
  16. package/dist/components/accordion.min.css +2 -2
  17. package/dist/components/accordion.min.js +3 -3
  18. package/dist/components/ad.css +34 -45
  19. package/dist/components/ad.min.css +2 -2
  20. package/dist/components/api.js +1157 -1179
  21. package/dist/components/api.min.js +3 -3
  22. package/dist/components/breadcrumb.css +5 -5
  23. package/dist/components/breadcrumb.min.css +2 -2
  24. package/dist/components/button.css +709 -1111
  25. package/dist/components/button.min.css +2 -2
  26. package/dist/components/calendar.css +24 -27
  27. package/dist/components/calendar.js +1934 -1809
  28. package/dist/components/calendar.min.css +2 -2
  29. package/dist/components/calendar.min.js +3 -3
  30. package/dist/components/card.css +219 -365
  31. package/dist/components/card.min.css +2 -2
  32. package/dist/components/checkbox.css +120 -191
  33. package/dist/components/checkbox.js +842 -841
  34. package/dist/components/checkbox.min.css +2 -2
  35. package/dist/components/checkbox.min.js +3 -3
  36. package/dist/components/comment.css +41 -59
  37. package/dist/components/comment.min.css +2 -2
  38. package/dist/components/container.css +7 -6
  39. package/dist/components/container.min.css +2 -2
  40. package/dist/components/dimmer.css +53 -172
  41. package/dist/components/dimmer.js +706 -737
  42. package/dist/components/dimmer.min.css +2 -2
  43. package/dist/components/dimmer.min.js +3 -3
  44. package/dist/components/divider.css +43 -61
  45. package/dist/components/divider.min.css +2 -2
  46. package/dist/components/dropdown.css +252 -386
  47. package/dist/components/dropdown.js +4195 -4236
  48. package/dist/components/dropdown.min.css +2 -2
  49. package/dist/components/dropdown.min.js +3 -3
  50. package/dist/components/embed.css +18 -29
  51. package/dist/components/embed.js +645 -675
  52. package/dist/components/embed.min.css +2 -2
  53. package/dist/components/embed.min.js +3 -3
  54. package/dist/components/emoji.css +3556 -3556
  55. package/dist/components/emoji.min.css +1 -1
  56. package/dist/components/feed.css +35 -57
  57. package/dist/components/feed.min.css +2 -2
  58. package/dist/components/flag.css +270 -268
  59. package/dist/components/flag.min.css +2 -2
  60. package/dist/components/flyout.css +95 -141
  61. package/dist/components/flyout.js +1514 -1465
  62. package/dist/components/flyout.min.css +2 -2
  63. package/dist/components/flyout.min.js +3 -3
  64. package/dist/components/form.css +244 -339
  65. package/dist/components/form.js +2022 -2004
  66. package/dist/components/form.min.css +2 -2
  67. package/dist/components/form.min.js +3 -3
  68. package/dist/components/grid.css +183 -329
  69. package/dist/components/grid.min.css +2 -2
  70. package/dist/components/header.css +118 -142
  71. package/dist/components/header.min.css +2 -2
  72. package/dist/components/icon.css +662 -745
  73. package/dist/components/icon.min.css +2 -2
  74. package/dist/components/image.css +39 -63
  75. package/dist/components/image.min.css +2 -2
  76. package/dist/components/input.css +356 -274
  77. package/dist/components/input.min.css +2 -2
  78. package/dist/components/item.css +84 -131
  79. package/dist/components/item.min.css +2 -2
  80. package/dist/components/label.css +359 -410
  81. package/dist/components/label.min.css +2 -2
  82. package/dist/components/list.css +49 -70
  83. package/dist/components/list.min.css +2 -2
  84. package/dist/components/loader.css +67 -155
  85. package/dist/components/loader.min.css +2 -2
  86. package/dist/components/menu.css +270 -431
  87. package/dist/components/menu.min.css +1 -1
  88. package/dist/components/message.css +125 -197
  89. package/dist/components/message.min.css +2 -2
  90. package/dist/components/modal.css +120 -154
  91. package/dist/components/modal.js +1544 -1486
  92. package/dist/components/modal.min.css +2 -2
  93. package/dist/components/modal.min.js +3 -3
  94. package/dist/components/nag.css +53 -63
  95. package/dist/components/nag.js +520 -526
  96. package/dist/components/nag.min.css +2 -2
  97. package/dist/components/nag.min.js +3 -3
  98. package/dist/components/placeholder.css +22 -42
  99. package/dist/components/placeholder.min.css +2 -2
  100. package/dist/components/popup.css +424 -202
  101. package/dist/components/popup.js +1456 -1456
  102. package/dist/components/popup.min.css +2 -2
  103. package/dist/components/popup.min.js +3 -3
  104. package/dist/components/progress.css +106 -211
  105. package/dist/components/progress.js +969 -997
  106. package/dist/components/progress.min.css +2 -2
  107. package/dist/components/progress.min.js +3 -3
  108. package/dist/components/rail.css +15 -20
  109. package/dist/components/rail.min.css +1 -1
  110. package/dist/components/rating.css +80 -121
  111. package/dist/components/rating.js +507 -523
  112. package/dist/components/rating.min.css +2 -2
  113. package/dist/components/rating.min.js +3 -3
  114. package/dist/components/reset.css +8 -13
  115. package/dist/components/reset.min.css +2 -2
  116. package/dist/components/reveal.css +44 -83
  117. package/dist/components/reveal.min.css +2 -2
  118. package/dist/components/search.css +69 -98
  119. package/dist/components/search.js +1520 -1534
  120. package/dist/components/search.min.css +2 -2
  121. package/dist/components/search.min.js +3 -3
  122. package/dist/components/segment.css +148 -224
  123. package/dist/components/segment.min.css +2 -2
  124. package/dist/components/shape.css +14 -30
  125. package/dist/components/shape.js +783 -810
  126. package/dist/components/shape.min.css +2 -2
  127. package/dist/components/shape.min.js +3 -3
  128. package/dist/components/sidebar.css +103 -206
  129. package/dist/components/sidebar.js +1061 -1099
  130. package/dist/components/sidebar.min.css +2 -2
  131. package/dist/components/sidebar.min.js +3 -3
  132. package/dist/components/site.css +28 -41
  133. package/dist/components/site.js +436 -476
  134. package/dist/components/site.min.css +2 -2
  135. package/dist/components/site.min.js +3 -3
  136. package/dist/components/slider.css +93 -121
  137. package/dist/components/slider.js +1310 -1311
  138. package/dist/components/slider.min.css +1 -1
  139. package/dist/components/slider.min.js +3 -3
  140. package/dist/components/state.js +638 -657
  141. package/dist/components/state.min.js +3 -3
  142. package/dist/components/statistic.css +75 -116
  143. package/dist/components/statistic.min.css +2 -2
  144. package/dist/components/step.css +77 -150
  145. package/dist/components/step.min.css +2 -2
  146. package/dist/components/sticky.css +1 -5
  147. package/dist/components/sticky.js +847 -901
  148. package/dist/components/sticky.min.css +2 -2
  149. package/dist/components/sticky.min.js +3 -3
  150. package/dist/components/tab.css +10 -14
  151. package/dist/components/tab.js +902 -966
  152. package/dist/components/tab.min.css +2 -2
  153. package/dist/components/tab.min.js +3 -3
  154. package/dist/components/table.css +547 -774
  155. package/dist/components/table.min.css +2 -2
  156. package/dist/components/text.css +32 -32
  157. package/dist/components/text.min.css +1 -1
  158. package/dist/components/toast.css +69 -147
  159. package/dist/components/toast.js +910 -884
  160. package/dist/components/toast.min.css +2 -2
  161. package/dist/components/toast.min.js +3 -3
  162. package/dist/components/transition.css +299 -1356
  163. package/dist/components/transition.js +1048 -1077
  164. package/dist/components/transition.min.css +2 -2
  165. package/dist/components/transition.min.js +3 -3
  166. package/dist/components/visibility.js +1213 -1245
  167. package/dist/components/visibility.min.js +3 -3
  168. package/dist/semantic.css +9344 -12298
  169. package/dist/semantic.js +29181 -29423
  170. package/dist/semantic.min.css +3 -3
  171. package/dist/semantic.min.js +3 -3
  172. package/dist/themes/basic/assets/fonts/icons.woff2 +0 -0
  173. package/dist/themes/github/assets/fonts/octicons.woff2 +0 -0
  174. package/examples/.eslintrc.js +6 -0
  175. package/examples/assets/library/jquery.min.js +2 -4
  176. package/examples/assets/show-examples.js +13 -13
  177. package/examples/attached.html +1 -1
  178. package/examples/bootstrap.html +1 -1
  179. package/examples/components/button.html +1 -1
  180. package/examples/components/card.html +6 -6
  181. package/examples/components/input.html +1 -1
  182. package/examples/components/menu.html +1 -1
  183. package/examples/components/site.html +1 -1
  184. package/examples/components/sticky-context.html +2 -2
  185. package/examples/components/table.html +1 -1
  186. package/examples/fixed.html +3 -3
  187. package/examples/grid.html +5 -5
  188. package/examples/homepage.html +1 -1
  189. package/examples/login.html +2 -2
  190. package/examples/responsive.html +2 -2
  191. package/examples/sticky.html +4 -4
  192. package/examples/theming.html +1 -1
  193. package/gulpfile.js +13 -11
  194. package/package.json +17 -8
  195. package/scripts/nightly-version.js +83 -75
  196. package/src/_site/collections/menu.overrides +1 -1
  197. package/src/_site/elements/flag.variables +2 -2
  198. package/src/_site/globals/site.variables +1 -1
  199. package/src/_site/modules/embed.variables +3 -0
  200. package/src/definitions/behaviors/api.js +1158 -1180
  201. package/src/definitions/behaviors/form.js +2021 -2003
  202. package/src/definitions/behaviors/state.js +644 -663
  203. package/src/definitions/behaviors/visibility.js +1212 -1244
  204. package/src/definitions/collections/breadcrumb.less +43 -47
  205. package/src/definitions/collections/form.less +866 -884
  206. package/src/definitions/collections/grid.less +1681 -1699
  207. package/src/definitions/collections/menu.less +1522 -1544
  208. package/src/definitions/collections/message.less +294 -298
  209. package/src/definitions/collections/table.less +1657 -1661
  210. package/src/definitions/elements/button.less +1716 -1750
  211. package/src/definitions/elements/container.less +211 -211
  212. package/src/definitions/elements/divider.less +198 -211
  213. package/src/definitions/elements/emoji.less +41 -48
  214. package/src/definitions/elements/flag.less +46 -48
  215. package/src/definitions/elements/header.less +351 -359
  216. package/src/definitions/elements/icon.less +541 -484
  217. package/src/definitions/elements/image.less +216 -227
  218. package/src/definitions/elements/input.less +692 -699
  219. package/src/definitions/elements/label.less +784 -806
  220. package/src/definitions/elements/list.less +810 -814
  221. package/src/definitions/elements/loader.less +273 -268
  222. package/src/definitions/elements/placeholder.less +173 -170
  223. package/src/definitions/elements/rail.less +93 -93
  224. package/src/definitions/elements/reveal.less +192 -198
  225. package/src/definitions/elements/segment.less +742 -749
  226. package/src/definitions/elements/step.less +423 -437
  227. package/src/definitions/elements/text.less +34 -36
  228. package/src/definitions/globals/reset.less +11 -8
  229. package/src/definitions/globals/site.js +435 -475
  230. package/src/definitions/globals/site.less +108 -110
  231. package/src/definitions/modules/accordion.js +567 -594
  232. package/src/definitions/modules/accordion.less +244 -248
  233. package/src/definitions/modules/calendar.js +1933 -1808
  234. package/src/definitions/modules/calendar.less +100 -97
  235. package/src/definitions/modules/checkbox.js +841 -840
  236. package/src/definitions/modules/checkbox.less +531 -552
  237. package/src/definitions/modules/dimmer.js +705 -736
  238. package/src/definitions/modules/dimmer.less +294 -305
  239. package/src/definitions/modules/dropdown.js +4194 -4235
  240. package/src/definitions/modules/dropdown.less +1568 -1598
  241. package/src/definitions/modules/embed.js +644 -674
  242. package/src/definitions/modules/embed.less +82 -84
  243. package/src/definitions/modules/flyout.js +1513 -1464
  244. package/src/definitions/modules/flyout.less +453 -455
  245. package/src/definitions/modules/modal.js +1543 -1485
  246. package/src/definitions/modules/modal.less +459 -467
  247. package/src/definitions/modules/nag.js +519 -525
  248. package/src/definitions/modules/nag.less +136 -149
  249. package/src/definitions/modules/popup.js +1455 -1455
  250. package/src/definitions/modules/popup.less +738 -693
  251. package/src/definitions/modules/progress.js +968 -996
  252. package/src/definitions/modules/progress.less +523 -499
  253. package/src/definitions/modules/rating.js +506 -522
  254. package/src/definitions/modules/rating.less +98 -103
  255. package/src/definitions/modules/search.js +1519 -1533
  256. package/src/definitions/modules/search.less +374 -394
  257. package/src/definitions/modules/shape.js +782 -809
  258. package/src/definitions/modules/shape.less +70 -79
  259. package/src/definitions/modules/sidebar.js +1060 -1098
  260. package/src/definitions/modules/sidebar.less +463 -476
  261. package/src/definitions/modules/slider.js +1309 -1310
  262. package/src/definitions/modules/slider.less +309 -310
  263. package/src/definitions/modules/sticky.js +863 -917
  264. package/src/definitions/modules/sticky.less +17 -25
  265. package/src/definitions/modules/tab.js +901 -965
  266. package/src/definitions/modules/tab.less +48 -54
  267. package/src/definitions/modules/toast.js +909 -883
  268. package/src/definitions/modules/toast.less +589 -589
  269. package/src/definitions/modules/transition.js +1047 -1076
  270. package/src/definitions/modules/transition.less +58 -59
  271. package/src/definitions/views/ad.less +207 -208
  272. package/src/definitions/views/card.less +955 -973
  273. package/src/definitions/views/comment.less +192 -200
  274. package/src/definitions/views/feed.less +222 -226
  275. package/src/definitions/views/item.less +437 -448
  276. package/src/definitions/views/statistic.less +273 -279
  277. package/src/semantic.less +8 -6
  278. package/src/theme.config.example +53 -53
  279. package/src/theme.less +44 -35
  280. package/src/themes/amazon/elements/button.overrides +23 -24
  281. package/src/themes/amazon/elements/button.variables +18 -23
  282. package/src/themes/amazon/globals/site.variables +16 -17
  283. package/src/themes/basic/assets/fonts/icons.woff2 +0 -0
  284. package/src/themes/basic/collections/table.overrides +0 -1
  285. package/src/themes/basic/collections/table.variables +3 -3
  286. package/src/themes/basic/elements/button.overrides +0 -1
  287. package/src/themes/basic/elements/button.variables +9 -9
  288. package/src/themes/basic/elements/icon.overrides +9 -169
  289. package/src/themes/basic/elements/icon.variables +161 -18
  290. package/src/themes/basic/elements/step.overrides +2 -2
  291. package/src/themes/basic/elements/step.variables +2 -2
  292. package/src/themes/basic/globals/reset.overrides +1 -1
  293. package/src/themes/basic/globals/reset.variables +1 -1
  294. package/src/themes/basic/modules/progress.variables +2 -2
  295. package/src/themes/basic/views/card.overrides +0 -1
  296. package/src/themes/basic/views/card.variables +6 -6
  297. package/src/themes/bookish/elements/header.overrides +4 -4
  298. package/src/themes/bookish/elements/header.variables +5 -5
  299. package/src/themes/bootstrap3/elements/button.overrides +3 -0
  300. package/src/themes/bootstrap3/elements/button.variables +20 -25
  301. package/src/themes/chubby/collections/form.overrides +9 -9
  302. package/src/themes/chubby/collections/form.variables +3 -3
  303. package/src/themes/chubby/collections/menu.overrides +3 -0
  304. package/src/themes/chubby/collections/menu.variables +3 -3
  305. package/src/themes/chubby/elements/button.overrides +8 -10
  306. package/src/themes/chubby/elements/button.variables +10 -10
  307. package/src/themes/chubby/elements/header.overrides +1 -1
  308. package/src/themes/chubby/elements/header.variables +4 -4
  309. package/src/themes/chubby/modules/accordion.overrides +2 -2
  310. package/src/themes/chubby/modules/accordion.variables +4 -4
  311. package/src/themes/chubby/views/comment.overrides +5 -5
  312. package/src/themes/chubby/views/comment.variables +11 -11
  313. package/src/themes/classic/collections/table.variables +3 -3
  314. package/src/themes/classic/elements/button.variables +36 -43
  315. package/src/themes/classic/elements/header.variables +4 -4
  316. package/src/themes/classic/modules/progress.variables +3 -3
  317. package/src/themes/classic/views/card.overrides +25 -27
  318. package/src/themes/classic/views/card.variables +7 -7
  319. package/src/themes/colored/modules/checkbox.overrides +3 -0
  320. package/src/themes/colored/modules/checkbox.variables +1 -3
  321. package/src/themes/default/collections/breadcrumb.variables +4 -4
  322. package/src/themes/default/collections/form.variables +15 -16
  323. package/src/themes/default/collections/grid.overrides +0 -1
  324. package/src/themes/default/collections/grid.variables +15 -16
  325. package/src/themes/default/collections/menu.variables +31 -45
  326. package/src/themes/default/collections/message.variables +84 -123
  327. package/src/themes/default/collections/table.overrides +3 -0
  328. package/src/themes/default/collections/table.variables +30 -34
  329. package/src/themes/default/elements/button.variables +44 -53
  330. package/src/themes/default/elements/container.variables +8 -16
  331. package/src/themes/default/elements/divider.overrides +8 -9
  332. package/src/themes/default/elements/divider.variables +5 -6
  333. package/src/themes/default/elements/emoji.overrides +0 -1
  334. package/src/themes/default/elements/emoji.variables +3556 -3556
  335. package/src/themes/default/elements/flag.variables +1595 -1595
  336. package/src/themes/default/elements/header.overrides +0 -1
  337. package/src/themes/default/elements/header.variables +21 -21
  338. package/src/themes/default/elements/icon.variables +2016 -2012
  339. package/src/themes/default/elements/image.variables +6 -7
  340. package/src/themes/default/elements/input.variables +11 -12
  341. package/src/themes/default/elements/label.variables +25 -26
  342. package/src/themes/default/elements/list.variables +17 -21
  343. package/src/themes/default/elements/loader.variables +16 -17
  344. package/src/themes/default/elements/placeholder.variables +12 -9
  345. package/src/themes/default/elements/rail.variables +4 -5
  346. package/src/themes/default/elements/reveal.variables +1 -1
  347. package/src/themes/default/elements/segment.variables +24 -36
  348. package/src/themes/default/elements/step.overrides +4 -4
  349. package/src/themes/default/elements/step.variables +19 -22
  350. package/src/themes/default/elements/text.variables +2 -3
  351. package/src/themes/default/globals/colors.less +588 -588
  352. package/src/themes/default/globals/reset.overrides +63 -59
  353. package/src/themes/default/globals/reset.variables +1 -1
  354. package/src/themes/default/globals/site.variables +1074 -1123
  355. package/src/themes/default/globals/variation.variables +6 -4
  356. package/src/themes/default/modules/accordion.overrides +11 -11
  357. package/src/themes/default/modules/accordion.variables +15 -20
  358. package/src/themes/default/modules/calendar.variables +2 -0
  359. package/src/themes/default/modules/chatroom.variables +1 -1
  360. package/src/themes/default/modules/checkbox.overrides +9 -13
  361. package/src/themes/default/modules/checkbox.variables +24 -33
  362. package/src/themes/default/modules/dimmer.variables +14 -17
  363. package/src/themes/default/modules/dropdown.overrides +17 -17
  364. package/src/themes/default/modules/dropdown.variables +29 -31
  365. package/src/themes/default/modules/embed.variables +9 -13
  366. package/src/themes/default/modules/flyout.variables +10 -8
  367. package/src/themes/default/modules/modal.variables +64 -67
  368. package/src/themes/default/modules/nag.variables +11 -14
  369. package/src/themes/default/modules/popup.variables +14 -13
  370. package/src/themes/default/modules/progress.variables +17 -19
  371. package/src/themes/default/modules/rating.variables +10 -12
  372. package/src/themes/default/modules/search.variables +12 -17
  373. package/src/themes/default/modules/shape.variables +7 -8
  374. package/src/themes/default/modules/sidebar.variables +4 -4
  375. package/src/themes/default/modules/slider.variables +55 -54
  376. package/src/themes/default/modules/sticky.variables +1 -1
  377. package/src/themes/default/modules/toast.variables +8 -8
  378. package/src/themes/default/modules/transition.overrides +936 -915
  379. package/src/themes/default/modules/transition.variables +1 -1
  380. package/src/themes/default/views/ad.variables +1 -1
  381. package/src/themes/default/views/card.variables +33 -45
  382. package/src/themes/default/views/comment.variables +7 -9
  383. package/src/themes/default/views/feed.variables +10 -10
  384. package/src/themes/default/views/item.variables +20 -23
  385. package/src/themes/default/views/statistic.variables +8 -8
  386. package/src/themes/duo/elements/loader.variables +1 -1
  387. package/src/themes/famfamfam/elements/flag.overrides +263 -268
  388. package/src/themes/famfamfam/elements/flag.variables +4 -4
  389. package/src/themes/fixed-width/collections/grid.variables +4 -4
  390. package/src/themes/fixed-width/modules/modal.variables +11 -13
  391. package/src/themes/flat/collections/form.overrides +9 -9
  392. package/src/themes/flat/collections/form.variables +16 -17
  393. package/src/themes/flat/globals/site.variables +69 -74
  394. package/src/themes/github/assets/fonts/octicons.woff2 +0 -0
  395. package/src/themes/github/collections/breadcrumb.variables +0 -1
  396. package/src/themes/github/collections/form.overrides +7 -8
  397. package/src/themes/github/collections/form.variables +16 -18
  398. package/src/themes/github/collections/grid.variables +1 -2
  399. package/src/themes/github/collections/menu.overrides +2 -2
  400. package/src/themes/github/collections/menu.variables +24 -26
  401. package/src/themes/github/collections/message.overrides +3 -3
  402. package/src/themes/github/collections/message.variables +12 -14
  403. package/src/themes/github/collections/table.variables +2 -2
  404. package/src/themes/github/elements/button.overrides +0 -1
  405. package/src/themes/github/elements/button.variables +26 -30
  406. package/src/themes/github/elements/header.variables +2 -2
  407. package/src/themes/github/elements/icon.overrides +3 -208
  408. package/src/themes/github/elements/icon.variables +234 -19
  409. package/src/themes/github/elements/image.variables +1 -1
  410. package/src/themes/github/elements/input.overrides +16 -16
  411. package/src/themes/github/elements/input.variables +4 -5
  412. package/src/themes/github/elements/label.overrides +3 -3
  413. package/src/themes/github/elements/label.variables +0 -1
  414. package/src/themes/github/elements/segment.variables +9 -10
  415. package/src/themes/github/elements/step.overrides +13 -13
  416. package/src/themes/github/elements/step.variables +6 -6
  417. package/src/themes/github/globals/site.variables +16 -16
  418. package/src/themes/github/modules/dropdown.overrides +18 -19
  419. package/src/themes/github/modules/dropdown.variables +8 -10
  420. package/src/themes/github/modules/popup.variables +0 -2
  421. package/src/themes/gmail/collections/message.overrides +3 -0
  422. package/src/themes/gmail/collections/message.variables +4 -4
  423. package/src/themes/instagram/views/card.overrides +4 -5
  424. package/src/themes/instagram/views/card.variables +7 -8
  425. package/src/themes/joypixels/elements/emoji.overrides +0 -2
  426. package/src/themes/joypixels/elements/emoji.variables +3554 -3554
  427. package/src/themes/material/collections/menu.overrides +1 -1
  428. package/src/themes/material/collections/menu.variables +4 -4
  429. package/src/themes/material/elements/button.overrides +7 -9
  430. package/src/themes/material/elements/button.variables +44 -46
  431. package/src/themes/material/elements/header.overrides +3 -3
  432. package/src/themes/material/elements/header.variables +8 -10
  433. package/src/themes/material/elements/icon.overrides +3 -934
  434. package/src/themes/material/elements/icon.variables +958 -18
  435. package/src/themes/material/globals/site.overrides +3 -0
  436. package/src/themes/material/globals/site.variables +83 -84
  437. package/src/themes/material/modules/dropdown.overrides +2 -2
  438. package/src/themes/material/modules/dropdown.variables +5 -5
  439. package/src/themes/material/modules/modal.overrides +3 -3
  440. package/src/themes/material/modules/modal.variables +4 -5
  441. package/src/themes/pulsar/elements/loader.overrides +23 -61
  442. package/src/themes/raised/elements/button.variables +8 -9
  443. package/src/themes/resetcss/globals/reset.overrides +115 -33
  444. package/src/themes/resetcss/globals/reset.variables +1 -1
  445. package/src/themes/round/elements/button.overrides +3 -0
  446. package/src/themes/round/elements/button.variables +33 -38
  447. package/src/themes/rtl/globals/site.overrides +1 -1
  448. package/src/themes/rtl/globals/site.variables +5 -6
  449. package/src/themes/striped/modules/progress.overrides +20 -16
  450. package/src/themes/systemfont/globals/reset.overrides +1 -1
  451. package/src/themes/systemfont/globals/site.variables +6 -6
  452. package/src/themes/timeline/views/feed.overrides +12 -12
  453. package/src/themes/timeline/views/feed.variables +8 -8
  454. package/src/themes/twitter/elements/button.overrides +4 -5
  455. package/src/themes/twitter/elements/button.variables +17 -18
  456. package/src/themes/twitter/elements/emoji.variables +3556 -3556
  457. package/tasks/.eslintrc.js +9 -0
  458. package/tasks/README.md +2 -4
  459. package/tasks/admin/components/create.js +268 -277
  460. package/tasks/admin/components/init.js +123 -129
  461. package/tasks/admin/components/update.js +151 -158
  462. package/tasks/admin/distributions/create.js +183 -189
  463. package/tasks/admin/distributions/init.js +125 -131
  464. package/tasks/admin/distributions/update.js +147 -153
  465. package/tasks/admin/publish.js +5 -9
  466. package/tasks/admin/register.js +37 -39
  467. package/tasks/admin/release.js +8 -12
  468. package/tasks/build/assets.js +43 -40
  469. package/tasks/build/css.js +230 -217
  470. package/tasks/build/javascript.js +120 -114
  471. package/tasks/build.js +11 -11
  472. package/tasks/check-install.js +15 -17
  473. package/tasks/clean.js +6 -6
  474. package/tasks/collections/README.md +3 -5
  475. package/tasks/collections/admin.js +34 -36
  476. package/tasks/collections/build.js +19 -21
  477. package/tasks/collections/docs.js +11 -13
  478. package/tasks/collections/install.js +11 -13
  479. package/tasks/collections/rtl.js +9 -12
  480. package/tasks/collections/various.js +10 -12
  481. package/tasks/config/admin/github.js +17 -19
  482. package/tasks/config/admin/oauth.example.js +4 -4
  483. package/tasks/config/admin/release.js +98 -98
  484. package/tasks/config/admin/templates/README.md +8 -8
  485. package/tasks/config/admin/templates/bower.json +3 -2
  486. package/tasks/config/admin/templates/component-package.js +9 -10
  487. package/tasks/config/admin/templates/css-package.js +19 -21
  488. package/tasks/config/admin/templates/less-package.js +12 -14
  489. package/tasks/config/admin/templates/package.json +6 -6
  490. package/tasks/config/defaults.js +116 -116
  491. package/tasks/config/docs.js +23 -23
  492. package/tasks/config/npm/gulpfile.js +15 -14
  493. package/tasks/config/project/config.js +124 -136
  494. package/tasks/config/project/install.js +722 -719
  495. package/tasks/config/project/release.js +34 -41
  496. package/tasks/config/tasks.js +168 -167
  497. package/tasks/config/user.js +28 -32
  498. package/tasks/docs/build.js +100 -96
  499. package/tasks/docs/metadata.js +91 -98
  500. package/tasks/docs/serve.js +84 -82
  501. package/tasks/install.js +373 -382
  502. package/tasks/rtl/build.js +4 -3
  503. package/tasks/rtl/watch.js +4 -3
  504. package/tasks/version.js +4 -6
  505. package/tasks/watch.js +29 -31
  506. package/test/.eslintrc.js +23 -0
  507. package/test/meteor/assets.js +11 -14
  508. package/test/meteor/fonts.js +12 -13
  509. package/test/modules/accordion.spec.js +6 -8
  510. package/test/modules/checkbox.spec.js +5 -7
  511. package/test/modules/dropdown.spec.js +5 -7
  512. package/test/modules/modal.spec.js +6 -8
  513. package/test/modules/module.spec.js +158 -178
  514. package/test/modules/popup.spec.js +5 -7
  515. package/test/modules/search.spec.js +5 -7
  516. package/test/modules/shape.spec.js +5 -7
  517. package/test/modules/sidebar.spec.js +5 -7
  518. package/test/modules/tab.spec.js +6 -8
  519. package/test/modules/transition.spec.js +5 -7
  520. package/test/modules/video.spec.js +5 -7
  521. package/.github/workflows/codeql.yml +0 -68
@@ -15,26 +15,22 @@
15
15
  *******************************/
16
16
 
17
17
 
18
- /*--------------
18
+ /* --------------
19
19
  Menu
20
- ---------------*/
21
-
20
+ --------------- */
22
21
  .ui.menu {
23
- display: -webkit-box;
24
- display: -ms-flexbox;
25
22
  display: flex;
26
23
  margin: 1rem 0;
27
- font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
28
- background: #FFFFFF;
24
+ font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
25
+ background: #fff;
29
26
  font-weight: normal;
30
27
  border: 1px solid rgba(34, 36, 38, 0.15);
31
- -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
32
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
28
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
33
29
  border-radius: 0.28571429rem;
34
30
  min-height: 2.85714286em;
35
31
  }
36
32
  .ui.menu::after {
37
- content: '';
33
+ content: "";
38
34
  display: block;
39
35
  height: 0;
40
36
  clear: both;
@@ -47,30 +43,22 @@
47
43
  margin-bottom: 0;
48
44
  }
49
45
 
50
- /*--------------
46
+ /* --------------
51
47
  Sub-Menu
52
- ---------------*/
53
-
48
+ --------------- */
54
49
  .ui.menu .menu {
55
50
  margin: 0;
56
51
  }
57
52
  .ui.menu:not(.vertical) > .menu {
58
- display: -webkit-box;
59
- display: -ms-flexbox;
60
53
  display: flex;
61
54
  }
62
55
 
63
- /*--------------
56
+ /* --------------
64
57
  Item
65
- ---------------*/
66
-
58
+ --------------- */
67
59
  .ui.menu:not(.vertical) .item {
68
- display: -webkit-box;
69
- display: -ms-flexbox;
70
60
  display: flex;
71
- -webkit-box-align: center;
72
- -ms-flex-align: center;
73
- align-items: center;
61
+ align-items: center;
74
62
  }
75
63
  .ui.menu .item {
76
64
  position: relative;
@@ -78,11 +66,8 @@
78
66
  line-height: 1;
79
67
  text-decoration: none;
80
68
  -webkit-tap-highlight-color: transparent;
81
- -webkit-box-flex: 0;
82
- -ms-flex: 0 0 auto;
83
- flex: 0 0 auto;
69
+ flex: 0 0 auto;
84
70
  -webkit-user-select: none;
85
- -moz-user-select: none;
86
71
  -ms-user-select: none;
87
72
  user-select: none;
88
73
  background: none;
@@ -90,10 +75,7 @@
90
75
  text-transform: none;
91
76
  color: rgba(0, 0, 0, 0.87);
92
77
  font-weight: normal;
93
- -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
94
- transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
95
78
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
96
- transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
97
79
  }
98
80
  .ui.menu > .item:first-child {
99
81
  border-radius: 0.28571429rem 0 0 0.28571429rem;
@@ -102,7 +84,7 @@
102
84
  /* Border */
103
85
  .ui.menu .item::before {
104
86
  position: absolute;
105
- content: '';
87
+ content: "";
106
88
  top: 0;
107
89
  right: 0;
108
90
  height: 100%;
@@ -110,15 +92,13 @@
110
92
  background: rgba(34, 36, 38, 0.1);
111
93
  }
112
94
 
113
- /*--------------
95
+ /* --------------
114
96
  Text Content
115
- ---------------*/
116
-
97
+ --------------- */
117
98
  .ui.menu .text.item > *,
118
99
  .ui.menu .item > a:not(.ui),
119
100
  .ui.menu .item > p:only-child {
120
101
  -webkit-user-select: text;
121
- -moz-user-select: text;
122
102
  -ms-user-select: text;
123
103
  user-select: text;
124
104
  line-height: 1.3;
@@ -130,20 +110,18 @@
130
110
  margin-bottom: 0;
131
111
  }
132
112
 
133
- /*--------------
113
+ /* --------------
134
114
  Icons
135
- ---------------*/
136
-
115
+ --------------- */
137
116
  .ui.menu .item > i.icon {
138
117
  opacity: 0.9;
139
118
  float: none;
140
119
  margin: 0 0.35714286em 0 0;
141
120
  }
142
121
 
143
- /*--------------
122
+ /* --------------
144
123
  Button
145
- ---------------*/
146
-
124
+ --------------- */
147
125
  .ui.menu:not(.vertical) .item > .button {
148
126
  position: relative;
149
127
  top: 0;
@@ -153,28 +131,19 @@
153
131
  font-size: 1em;
154
132
  }
155
133
 
156
- /*----------------
134
+ /* ----------------
157
135
  Grid / Container
158
- -----------------*/
159
-
136
+ ----------------- */
160
137
  .ui.menu > .grid,
161
138
  .ui.menu > .container {
162
- display: -webkit-box;
163
- display: -ms-flexbox;
164
139
  display: flex;
165
- -webkit-box-align: inherit;
166
- -ms-flex-align: inherit;
167
- align-items: inherit;
168
- -webkit-box-orient: inherit;
169
- -webkit-box-direction: inherit;
170
- -ms-flex-direction: inherit;
171
- flex-direction: inherit;
140
+ align-items: inherit;
141
+ flex-direction: inherit;
172
142
  }
173
143
 
174
- /*--------------
144
+ /* --------------
175
145
  Inputs
176
- ---------------*/
177
-
146
+ --------------- */
178
147
  .ui.menu .item > .input {
179
148
  width: 100%;
180
149
  }
@@ -189,14 +158,13 @@
189
158
  padding-bottom: 0.57142857em;
190
159
  }
191
160
 
192
- /*--------------
161
+ /* --------------
193
162
  Header
194
- ---------------*/
195
-
163
+ --------------- */
196
164
  .ui.menu .header.item,
197
165
  .ui.vertical.menu .header.item {
198
166
  margin: 0;
199
- background: '';
167
+ background: "";
200
168
  text-transform: normal;
201
169
  font-weight: bold;
202
170
  }
@@ -206,10 +174,9 @@
206
174
  font-weight: bold;
207
175
  }
208
176
 
209
- /*--------------
177
+ /* --------------
210
178
  Dropdowns
211
- ---------------*/
212
-
179
+ --------------- */
213
180
 
214
181
  /* Dropdown Icon */
215
182
  .ui.menu .item > i.dropdown.icon {
@@ -222,16 +189,12 @@
222
189
  .ui.menu .dropdown.item .menu {
223
190
  min-width: calc(100% - 1px);
224
191
  border-radius: 0 0 0.28571429rem 0.28571429rem;
225
- background: #FFFFFF;
192
+ background: #fff;
226
193
  margin: 0 0 0;
227
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
228
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
194
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
229
195
  }
230
196
  .ui.menu .dropdown.item:not(.column) .menu {
231
- -webkit-box-orient: vertical;
232
- -webkit-box-direction: normal;
233
- -ms-flex-direction: column;
234
- flex-direction: column;
197
+ flex-direction: column;
235
198
  }
236
199
 
237
200
  /* Menu Items */
@@ -244,9 +207,7 @@
244
207
  color: rgba(0, 0, 0, 0.87) !important;
245
208
  text-transform: none !important;
246
209
  font-weight: normal !important;
247
- -webkit-box-shadow: none !important;
248
- box-shadow: none !important;
249
- -webkit-transition: none !important;
210
+ box-shadow: none !important;
250
211
  transition: none !important;
251
212
  }
252
213
  .ui.menu .ui.dropdown .menu > .item:hover {
@@ -303,11 +264,9 @@
303
264
  /* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
304
265
  min-width: 0;
305
266
  min-width: -webkit-max-content;
306
- min-width: -moz-max-content;
307
267
  min-width: max-content;
308
268
  margin: 0 0 0 0;
309
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
310
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
269
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
311
270
  border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
312
271
  }
313
272
  .ui.vertical.menu .dropdown.item.upward .menu {
@@ -321,8 +280,7 @@
321
280
  border-bottom-right-radius: 0;
322
281
  }
323
282
  .ui.vertical.menu .dropdown.active.item {
324
- -webkit-box-shadow: none;
325
- box-shadow: none;
283
+ box-shadow: none;
326
284
  }
327
285
 
328
286
  /* Evenly Divided */
@@ -330,10 +288,9 @@
330
288
  width: 100%;
331
289
  }
332
290
 
333
- /*--------------
291
+ /* --------------
334
292
  Labels
335
- ---------------*/
336
-
293
+ --------------- */
337
294
  .ui.menu .item > .label:not(.floating) {
338
295
  margin-left: 1em;
339
296
  padding: 0.3em 0.78571429em;
@@ -347,18 +304,17 @@
347
304
  padding: 0.3em 0.78571429em;
348
305
  }
349
306
  .ui.menu .item > .label {
350
- background: #999999;
351
- color: #FFFFFF;
307
+ background: #999;
308
+ color: #fff;
352
309
  }
353
310
  .ui.menu .item > .image.label img {
354
311
  margin: -0.2833em 0.8em -0.2833em -0.8em;
355
312
  height: 1.5666em;
356
313
  }
357
314
 
358
- /*--------------
315
+ /* --------------
359
316
  Images
360
- ---------------*/
361
-
317
+ --------------- */
362
318
  .ui.menu .item > img:not(.ui) {
363
319
  display: inline-block;
364
320
  vertical-align: middle;
@@ -377,20 +333,18 @@
377
333
  *******************************/
378
334
 
379
335
 
380
- /*--------------
336
+ /* --------------
381
337
  List
382
- ---------------*/
383
-
338
+ --------------- */
384
339
 
385
340
  /* Menu divider shouldn't apply */
386
341
  .ui.menu .list .item::before {
387
342
  background: none !important;
388
343
  }
389
344
 
390
- /*--------------
391
- Sidebar
392
- ---------------*/
393
-
345
+ /* --------------
346
+ Sidebar
347
+ --------------- */
394
348
 
395
349
  /* Show vertical dividers below last */
396
350
  .ui.vertical.sidebar.menu > .item:first-child::before {
@@ -401,10 +355,9 @@
401
355
  bottom: 0;
402
356
  }
403
357
 
404
- /*--------------
358
+ /* --------------
405
359
  Container
406
- ---------------*/
407
-
360
+ --------------- */
408
361
  @media only screen and (max-width: 767.98px) {
409
362
  .ui.menu > .ui.container {
410
363
  width: 100% !important;
@@ -428,10 +381,9 @@
428
381
  *******************************/
429
382
 
430
383
 
431
- /*--------------
384
+ /* --------------
432
385
  Hover
433
- ---------------*/
434
-
386
+ --------------- */
435
387
  .ui.link.menu .item:hover,
436
388
  .ui.menu .dropdown.item:hover,
437
389
  .ui.menu .link.item:hover,
@@ -441,10 +393,9 @@
441
393
  color: rgba(0, 0, 0, 0.95);
442
394
  }
443
395
 
444
- /*--------------
396
+ /* --------------
445
397
  Pressed
446
- ---------------*/
447
-
398
+ --------------- */
448
399
  .ui.link.menu .item:active,
449
400
  .ui.menu .link.item:active,
450
401
  .ui.menu a.item:active {
@@ -452,35 +403,31 @@
452
403
  color: rgba(0, 0, 0, 0.95);
453
404
  }
454
405
 
455
- /*--------------
406
+ /* --------------
456
407
  Active
457
- ---------------*/
458
-
408
+ --------------- */
459
409
  .ui.menu .active.item {
460
410
  background: rgba(0, 0, 0, 0.05);
461
411
  color: rgba(0, 0, 0, 0.95);
462
412
  font-weight: normal;
463
- -webkit-box-shadow: none;
464
- box-shadow: none;
413
+ box-shadow: none;
465
414
  }
466
415
  .ui.menu .active.item > i.icon {
467
416
  opacity: 1;
468
417
  }
469
418
 
470
- /*--------------
419
+ /* --------------
471
420
  Active Hover
472
- ---------------*/
473
-
421
+ --------------- */
474
422
  .ui.menu .active.item:hover,
475
423
  .ui.vertical.menu .active.item:hover {
476
424
  background-color: rgba(0, 0, 0, 0.05);
477
425
  color: rgba(0, 0, 0, 0.95);
478
426
  }
479
427
 
480
- /*--------------
428
+ /* --------------
481
429
  Disabled
482
- ---------------*/
483
-
430
+ --------------- */
484
431
  .ui.ui.menu .item.disabled {
485
432
  cursor: default;
486
433
  background-color: transparent;
@@ -494,16 +441,13 @@
494
441
  *******************************/
495
442
 
496
443
 
497
- /*------------------
444
+ /* ------------------
498
445
  Floated Menu / Item
499
- -------------------*/
500
-
446
+ ------------------- */
501
447
 
502
448
  /* Left Floated */
503
449
  .ui.menu:not(.vertical) .left.item,
504
450
  .ui.menu:not(.vertical) .left.menu {
505
- display: -webkit-box;
506
- display: -ms-flexbox;
507
451
  display: flex;
508
452
  margin-right: auto !important;
509
453
  }
@@ -511,8 +455,6 @@ Floated Menu / Item
511
455
  /* Right Floated */
512
456
  .ui.menu:not(.vertical) .right.item,
513
457
  .ui.menu:not(.vertical) .right.menu {
514
- display: -webkit-box;
515
- display: -ms-flexbox;
516
458
  display: flex;
517
459
  margin-left: auto !important;
518
460
  }
@@ -524,8 +466,6 @@ Floated Menu / Item
524
466
  /* Center */
525
467
  .ui.menu:not(.vertical) .center.item,
526
468
  .ui.menu:not(.vertical) .center.menu {
527
- display: -webkit-box;
528
- display: -ms-flexbox;
529
469
  display: flex;
530
470
  margin-left: auto !important;
531
471
  margin-right: auto !important;
@@ -544,23 +484,17 @@ Floated Menu / Item
544
484
  display: none;
545
485
  }
546
486
 
547
- /*--------------
548
- Vertical
549
- ---------------*/
550
-
487
+ /* --------------
488
+ Vertical
489
+ --------------- */
551
490
  .ui.vertical.menu {
552
491
  display: block;
553
- -webkit-box-orient: vertical;
554
- -webkit-box-direction: normal;
555
- -ms-flex-direction: column;
556
- flex-direction: column;
557
- background: #FFFFFF;
558
- -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
559
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
492
+ flex-direction: column;
493
+ background: #fff;
494
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
560
495
  }
561
496
 
562
- /*--- Item ---*/
563
-
497
+ /* --- Item --- */
564
498
  .ui.vertical.menu .item {
565
499
  display: block;
566
500
  background: none;
@@ -574,15 +508,13 @@ Floated Menu / Item
574
508
  border-radius: 0 0 0.28571429rem 0.28571429rem;
575
509
  }
576
510
 
577
- /*--- Label ---*/
578
-
511
+ /* --- Label --- */
579
512
  .ui.vertical.menu .item > .label {
580
513
  float: right;
581
514
  text-align: center;
582
515
  }
583
516
 
584
- /*--- Icon ---*/
585
-
517
+ /* --- Icon --- */
586
518
  .ui.vertical.menu .item > i.icon,
587
519
  .ui.vertical.menu .item > i.icons {
588
520
  width: 1.18em;
@@ -594,11 +526,10 @@ Floated Menu / Item
594
526
  margin: 0 0.5em 0 0;
595
527
  }
596
528
 
597
- /*--- Border ---*/
598
-
529
+ /* --- Border --- */
599
530
  .ui.vertical.menu .item::before {
600
531
  position: absolute;
601
- content: '';
532
+ content: "";
602
533
  top: 0;
603
534
  left: 0;
604
535
  width: 100%;
@@ -609,8 +540,7 @@ Floated Menu / Item
609
540
  display: none !important;
610
541
  }
611
542
 
612
- /*--- Sub Menu ---*/
613
-
543
+ /* --- Sub Menu --- */
614
544
  .ui.vertical.menu .item > .menu {
615
545
  margin: 0.5em -1.14285714em 0;
616
546
  }
@@ -632,8 +562,7 @@ Floated Menu / Item
632
562
  .ui.vertical.menu .active.item {
633
563
  background: rgba(0, 0, 0, 0.05);
634
564
  border-radius: 0;
635
- -webkit-box-shadow: none;
636
- box-shadow: none;
565
+ box-shadow: none;
637
566
  }
638
567
  .ui.vertical.menu > .active.item:first-child {
639
568
  border-radius: 0.28571429rem 0.28571429rem 0 0;
@@ -653,17 +582,15 @@ Floated Menu / Item
653
582
  color: rgba(0, 0, 0, 0.95);
654
583
  }
655
584
 
656
- /*--------------
657
- Tabular
658
- ---------------*/
659
-
585
+ /* --------------
586
+ Tabular
587
+ --------------- */
660
588
  .ui.tabular.menu {
661
589
  border-radius: 0;
662
- -webkit-box-shadow: none !important;
663
- box-shadow: none !important;
590
+ box-shadow: none !important;
664
591
  border: none;
665
592
  background: none transparent;
666
- border-bottom: 1px solid #D4D4D5;
593
+ border-bottom: 1px solid #d4d4d5;
667
594
  }
668
595
  .ui.tabular.fluid.menu {
669
596
  width: calc(100% + 2px) !important;
@@ -689,14 +616,13 @@ Floated Menu / Item
689
616
 
690
617
  /* Active */
691
618
  .ui.tabular.menu .active.item {
692
- background: none #FFFFFF;
619
+ background: none #fff;
693
620
  color: rgba(0, 0, 0, 0.95);
694
621
  border-top-width: 1px;
695
- border-color: #D4D4D5;
622
+ border-color: #d4d4d5;
696
623
  font-weight: bold;
697
624
  margin-bottom: -1px;
698
- -webkit-box-shadow: none;
699
- box-shadow: none;
625
+ box-shadow: none;
700
626
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
701
627
  }
702
628
  .ui.tabular.menu .active.item:hover {
@@ -721,10 +647,9 @@ Floated Menu / Item
721
647
  .ui.bottom.tabular.menu {
722
648
  background: none transparent;
723
649
  border-radius: 0;
724
- -webkit-box-shadow: none !important;
725
- box-shadow: none !important;
650
+ box-shadow: none !important;
726
651
  border-bottom: none;
727
- border-top: 1px solid #D4D4D5;
652
+ border-top: 1px solid #d4d4d5;
728
653
  }
729
654
  .ui.bottom.tabular.menu .item {
730
655
  background: none;
@@ -734,9 +659,9 @@ Floated Menu / Item
734
659
  border-top: none;
735
660
  }
736
661
  .ui.bottom.tabular.menu .active.item {
737
- background: none #FFFFFF;
662
+ background: none #fff;
738
663
  color: rgba(0, 0, 0, 0.95);
739
- border-color: #D4D4D5;
664
+ border-color: #d4d4d5;
740
665
  margin: -1px 0 0 0;
741
666
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
742
667
  }
@@ -745,10 +670,9 @@ Floated Menu / Item
745
670
  .ui.vertical.tabular.menu {
746
671
  background: none transparent;
747
672
  border-radius: 0;
748
- -webkit-box-shadow: none !important;
749
- box-shadow: none !important;
673
+ box-shadow: none !important;
750
674
  border-bottom: none;
751
- border-right: 1px solid #D4D4D5;
675
+ border-right: 1px solid #d4d4d5;
752
676
  }
753
677
  .ui.vertical.tabular.menu .item {
754
678
  background: none;
@@ -758,9 +682,9 @@ Floated Menu / Item
758
682
  border-right: none;
759
683
  }
760
684
  .ui.vertical.tabular.menu .active.item {
761
- background: none #FFFFFF;
685
+ background: none #fff;
762
686
  color: rgba(0, 0, 0, 0.95);
763
- border-color: #D4D4D5;
687
+ border-color: #d4d4d5;
764
688
  margin: 0 -1px 0 0;
765
689
  border-radius: 0.28571429rem 0 0 0.28571429rem !important;
766
690
  }
@@ -769,11 +693,10 @@ Floated Menu / Item
769
693
  .ui.vertical.right.tabular.menu {
770
694
  background: none transparent;
771
695
  border-radius: 0;
772
- -webkit-box-shadow: none !important;
773
- box-shadow: none !important;
696
+ box-shadow: none !important;
774
697
  border-bottom: none;
775
698
  border-right: none;
776
- border-left: 1px solid #D4D4D5;
699
+ border-left: 1px solid #d4d4d5;
777
700
  }
778
701
  .ui.vertical.right.tabular.menu .item {
779
702
  background: none;
@@ -783,9 +706,9 @@ Floated Menu / Item
783
706
  border-left: none;
784
707
  }
785
708
  .ui.vertical.right.tabular.menu .active.item {
786
- background: none #FFFFFF;
709
+ background: none #fff;
787
710
  color: rgba(0, 0, 0, 0.95);
788
- border-color: #D4D4D5;
711
+ border-color: #d4d4d5;
789
712
  margin: 0 0 0 -1px;
790
713
  border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
791
714
  }
@@ -800,8 +723,8 @@ Floated Menu / Item
800
723
  }
801
724
  .ui.inverted.tabular.menu .active.item,
802
725
  .ui.inverted.tabular.menu .active.item:hover {
803
- background: none #1B1C1D;
804
- border-color: #555555;
726
+ background: none #1b1c1d;
727
+ border-color: #555;
805
728
  }
806
729
  .ui.inverted.tabular.menu .item:not(.active):hover {
807
730
  color: #ffffff;
@@ -809,14 +732,11 @@ Floated Menu / Item
809
732
  cursor: pointer;
810
733
  }
811
734
 
812
- /*--------------
813
- Pagination
814
- ---------------*/
815
-
735
+ /* --------------
736
+ Pagination
737
+ --------------- */
816
738
  .ui.pagination.menu {
817
739
  margin: 0;
818
- display: -webkit-inline-box;
819
- display: -ms-inline-flexbox;
820
740
  display: inline-flex;
821
741
  vertical-align: middle;
822
742
  }
@@ -843,35 +763,29 @@ Floated Menu / Item
843
763
  padding-top: 0.92857143em;
844
764
  background-color: rgba(0, 0, 0, 0.05);
845
765
  color: rgba(0, 0, 0, 0.95);
846
- -webkit-box-shadow: none;
847
- box-shadow: none;
766
+ box-shadow: none;
848
767
  }
849
768
 
850
- /*--------------
851
- Secondary
852
- ---------------*/
853
-
769
+ /* --------------
770
+ Secondary
771
+ --------------- */
854
772
  .ui.secondary.menu {
855
773
  background: none;
856
774
  margin-left: -0.35714286em;
857
775
  margin-right: -0.35714286em;
858
776
  border-radius: 0;
859
777
  border: none;
860
- -webkit-box-shadow: none;
861
- box-shadow: none;
778
+ box-shadow: none;
862
779
  }
863
780
 
864
781
  /* Item */
865
782
  .ui.secondary.menu .item {
866
- -ms-flex-item-align: center;
867
- align-self: center;
868
- -webkit-box-shadow: none;
869
- box-shadow: none;
783
+ align-self: center;
784
+ box-shadow: none;
870
785
  border: none;
871
786
  padding: 0.78571429em 0.92857143em;
872
787
  margin: 0 0.35714286em;
873
788
  background: none;
874
- -webkit-transition: color 0.1s ease;
875
789
  transition: color 0.1s ease;
876
790
  border-radius: 0.28571429rem;
877
791
  }
@@ -903,8 +817,7 @@ Floated Menu / Item
903
817
 
904
818
  /* Active */
905
819
  .ui.secondary.menu .active.item {
906
- -webkit-box-shadow: none;
907
- box-shadow: none;
820
+ box-shadow: none;
908
821
  background: rgba(0, 0, 0, 0.05);
909
822
  color: rgba(0, 0, 0, 0.95);
910
823
  border-radius: 0.28571429rem;
@@ -912,8 +825,7 @@ Floated Menu / Item
912
825
 
913
826
  /* Active Hover */
914
827
  .ui.secondary.menu .active.item:hover {
915
- -webkit-box-shadow: none;
916
- box-shadow: none;
828
+ box-shadow: none;
917
829
  background: rgba(0, 0, 0, 0.05);
918
830
  color: rgba(0, 0, 0, 0.95);
919
831
  }
@@ -943,14 +855,12 @@ Floated Menu / Item
943
855
  margin-right: 0;
944
856
  }
945
857
  .ui.secondary.attached.menu {
946
- -webkit-box-shadow: none;
947
- box-shadow: none;
858
+ box-shadow: none;
948
859
  }
949
860
 
950
- /*---------------------
951
- Secondary Vertical
952
- -----------------------*/
953
-
861
+ /* ---------------------
862
+ Secondary Vertical
863
+ ----------------------- */
954
864
 
955
865
  /* Sub Menu */
956
866
  .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
@@ -979,25 +889,20 @@ Floated Menu / Item
979
889
  background-color: transparent;
980
890
  }
981
891
 
982
- /*---------------------
983
- Secondary Pointing
984
- -----------------------*/
985
-
892
+ /* ---------------------
893
+ Secondary Pointing
894
+ ----------------------- */
986
895
  .ui.secondary.pointing.menu {
987
896
  margin-left: 0;
988
897
  margin-right: 0;
989
898
  border-bottom: 2px solid rgba(34, 36, 38, 0.15);
990
899
  }
991
900
  .ui.secondary.pointing.menu .item {
992
- border-bottom-color: transparent;
993
- border-bottom-style: solid;
901
+ border-bottom: 2px solid transparent;
994
902
  border-radius: 0;
995
- -ms-flex-item-align: end;
996
- align-self: flex-end;
903
+ align-self: flex-end;
997
904
  margin: 0 0 -2px;
998
905
  padding: 0.85714286em 1.14285714em;
999
- border-bottom-width: 2px;
1000
- -webkit-transition: color 0.1s ease;
1001
906
  transition: color 0.1s ease;
1002
907
  }
1003
908
  .ui.secondary.pointing.menu .ui.dropdown .menu .item {
@@ -1017,8 +922,7 @@ Floated Menu / Item
1017
922
  color: rgba(0, 0, 0, 0.85) !important;
1018
923
  }
1019
924
  .ui.secondary.pointing.menu .text.item {
1020
- -webkit-box-shadow: none !important;
1021
- box-shadow: none !important;
925
+ box-shadow: none !important;
1022
926
  }
1023
927
  .ui.secondary.pointing.menu .item::after {
1024
928
  display: none;
@@ -1043,8 +947,7 @@ Floated Menu / Item
1043
947
  /* Active */
1044
948
  .ui.secondary.pointing.menu .active.item {
1045
949
  background-color: transparent;
1046
- -webkit-box-shadow: none;
1047
- box-shadow: none;
950
+ box-shadow: none;
1048
951
  border-color: currentColor;
1049
952
  font-weight: bold;
1050
953
  color: rgba(0, 0, 0, 0.95);
@@ -1064,17 +967,13 @@ Floated Menu / Item
1064
967
  /* Vertical Pointing */
1065
968
  .ui.secondary.vertical.pointing.menu {
1066
969
  border-bottom-width: 0;
1067
- border-right-width: 2px;
1068
- border-right-style: solid;
1069
- border-right-color: rgba(34, 36, 38, 0.15);
970
+ border-right: 2px solid rgba(34, 36, 38, 0.15);
1070
971
  }
1071
972
  .ui.secondary.vertical.pointing.menu .item {
1072
973
  border-bottom: none;
1073
- border-right-style: solid;
1074
- border-right-color: transparent;
974
+ border-right: 2px solid transparent;
1075
975
  border-radius: 0 !important;
1076
976
  margin: 0 -2px 0 0;
1077
- border-right-width: 2px;
1078
977
  }
1079
978
 
1080
979
  /* Vertical Active */
@@ -1090,7 +989,7 @@ Floated Menu / Item
1090
989
  color: rgba(255, 255, 255, 0.9);
1091
990
  }
1092
991
  .ui.secondary.inverted.pointing.menu .header.item {
1093
- color: #FFFFFF !important;
992
+ color: #fff !important;
1094
993
  }
1095
994
 
1096
995
  /* Hover */
@@ -1101,34 +1000,29 @@ Floated Menu / Item
1101
1000
 
1102
1001
  /* Active */
1103
1002
  .ui.ui.secondary.inverted.pointing.menu .active.item {
1104
- border-color: #FFFFFF;
1003
+ border-color: #fff;
1105
1004
  color: #ffffff;
1106
1005
  background-color: transparent;
1107
1006
  }
1108
1007
 
1109
- /*--------------
1110
- Text Menu
1111
- ---------------*/
1112
-
1008
+ /* --------------
1009
+ Text Menu
1010
+ --------------- */
1113
1011
  .ui.text.menu {
1114
1012
  background: none transparent;
1115
1013
  border-radius: 0;
1116
- -webkit-box-shadow: none;
1117
- box-shadow: none;
1014
+ box-shadow: none;
1118
1015
  border: none;
1119
1016
  margin: 1em -0.5em;
1120
1017
  }
1121
1018
  .ui.text.menu .item {
1122
1019
  border-radius: 0;
1123
- -webkit-box-shadow: none;
1124
- box-shadow: none;
1125
- -ms-flex-item-align: center;
1126
- align-self: center;
1127
- margin: 0 0;
1020
+ box-shadow: none;
1021
+ align-self: center;
1022
+ margin: 0;
1128
1023
  padding: 0.35714286em 0.5em;
1129
1024
  font-weight: normal;
1130
1025
  color: rgba(0, 0, 0, 0.6);
1131
- -webkit-transition: opacity 0.1s ease;
1132
1026
  transition: opacity 0.1s ease;
1133
1027
  }
1134
1028
 
@@ -1153,14 +1047,12 @@ Floated Menu / Item
1153
1047
  margin: 0;
1154
1048
  }
1155
1049
 
1156
- /*--- fluid text ---*/
1157
-
1050
+ /* --- fluid text --- */
1158
1051
  .ui.text.item.menu .item {
1159
1052
  margin: 0;
1160
1053
  }
1161
1054
 
1162
- /*--- vertical text ---*/
1163
-
1055
+ /* --- vertical text --- */
1164
1056
  .ui.vertical.text.menu {
1165
1057
  margin: 1em 0;
1166
1058
  }
@@ -1192,38 +1084,32 @@ Floated Menu / Item
1192
1084
  padding: 0.5em 0;
1193
1085
  }
1194
1086
 
1195
- /*--- hover ---*/
1196
-
1087
+ /* --- hover --- */
1197
1088
  .ui.text.menu .item:hover {
1198
1089
  opacity: 1;
1199
1090
  background-color: transparent;
1200
1091
  }
1201
1092
 
1202
- /*--- active ---*/
1203
-
1093
+ /* --- active --- */
1204
1094
  .ui.text.menu .active.item {
1205
1095
  background-color: transparent;
1206
1096
  border: none;
1207
- -webkit-box-shadow: none;
1208
- box-shadow: none;
1097
+ box-shadow: none;
1209
1098
  font-weight: normal;
1210
1099
  color: rgba(0, 0, 0, 0.95);
1211
1100
  }
1212
1101
 
1213
- /*--- active hover ---*/
1214
-
1102
+ /* --- active hover --- */
1215
1103
  .ui.text.menu .active.item:hover {
1216
1104
  background-color: transparent;
1217
1105
  }
1218
1106
 
1219
1107
  /* Disable Bariations */
1220
1108
  .ui.text.pointing.menu .active.item::after {
1221
- -webkit-box-shadow: none;
1222
- box-shadow: none;
1109
+ box-shadow: none;
1223
1110
  }
1224
1111
  .ui.text.attached.menu {
1225
- -webkit-box-shadow: none;
1226
- box-shadow: none;
1112
+ box-shadow: none;
1227
1113
  }
1228
1114
 
1229
1115
  /* Inverted */
@@ -1240,10 +1126,9 @@ Floated Menu / Item
1240
1126
  margin-right: 0;
1241
1127
  }
1242
1128
 
1243
- /*--------------
1244
- Icon Only
1245
- ---------------*/
1246
-
1129
+ /* --------------
1130
+ Icon Only
1131
+ --------------- */
1247
1132
 
1248
1133
  /* Vertical Menu */
1249
1134
  .ui.vertical.icon.menu {
@@ -1255,7 +1140,7 @@ Floated Menu / Item
1255
1140
  .ui.icon.menu .item {
1256
1141
  height: auto;
1257
1142
  text-align: center;
1258
- color: #1B1C1D;
1143
+ color: #1b1c1d;
1259
1144
  }
1260
1145
 
1261
1146
  /* Icon */
@@ -1285,13 +1170,12 @@ Floated Menu / Item
1285
1170
 
1286
1171
  /* Inverted */
1287
1172
  .ui.inverted.icon.menu .item {
1288
- color: #FFFFFF;
1173
+ color: #fff;
1289
1174
  }
1290
1175
 
1291
- /*--------------
1292
- Labeled Icon
1293
- ---------------*/
1294
-
1176
+ /* --------------
1177
+ Labeled Icon
1178
+ --------------- */
1295
1179
 
1296
1180
  /* Menu */
1297
1181
  .ui.labeled.icon.menu {
@@ -1301,13 +1185,11 @@ Floated Menu / Item
1301
1185
  /* Item */
1302
1186
  .ui.labeled.icon.menu .item {
1303
1187
  min-width: 6em;
1304
- -webkit-box-orient: vertical;
1305
- -webkit-box-direction: normal;
1306
- -ms-flex-direction: column;
1307
- flex-direction: column;
1188
+ flex-direction: column;
1308
1189
  }
1309
1190
 
1310
1191
  /* Icon */
1192
+ .ui.labeled.icon.menu > .right.menu > .item > i.icon:not(.dropdown),
1311
1193
  .ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
1312
1194
  height: 1em;
1313
1195
  display: block;
@@ -1326,16 +1208,12 @@ Floated Menu / Item
1326
1208
  *******************************/
1327
1209
 
1328
1210
 
1329
- /*--------------
1330
- Stackable
1331
- ---------------*/
1332
-
1211
+ /* --------------
1212
+ Stackable
1213
+ --------------- */
1333
1214
  @media only screen and (max-width: 767.98px) {
1334
1215
  .ui.stackable.menu {
1335
- -webkit-box-orient: vertical;
1336
- -webkit-box-direction: normal;
1337
- -ms-flex-direction: column;
1338
- flex-direction: column;
1216
+ flex-direction: column;
1339
1217
  }
1340
1218
  .ui.stackable.menu.pointing .active.item::after {
1341
1219
  display: none;
@@ -1345,7 +1223,7 @@ Floated Menu / Item
1345
1223
  }
1346
1224
  .ui.stackable.menu .item::before {
1347
1225
  position: absolute;
1348
- content: '';
1226
+ content: "";
1349
1227
  top: auto;
1350
1228
  bottom: 0;
1351
1229
  left: 0;
@@ -1369,76 +1247,72 @@ Floated Menu / Item
1369
1247
  .ui.stackable.menu .right.menu,
1370
1248
  .ui.stackable.menu .center.menu,
1371
1249
  .ui.stackable.menu .left.menu {
1372
- -webkit-box-orient: vertical;
1373
- -webkit-box-direction: normal;
1374
- -ms-flex-direction: column;
1375
- flex-direction: column;
1250
+ flex-direction: column;
1376
1251
  }
1377
1252
  }
1378
1253
 
1379
- /*--------------
1254
+ /* --------------
1380
1255
  Colors
1381
- ---------------*/
1382
-
1256
+ --------------- */
1383
1257
  .ui.ui.ui.menu .primary.active.item,
1384
1258
  .ui.ui.primary.menu .active.item:hover,
1385
1259
  .ui.ui.primary.menu .active.item {
1386
- color: #2185D0;
1260
+ color: #2185d0;
1387
1261
  }
1388
1262
  .ui.ui.ui.menu .red.active.item,
1389
1263
  .ui.ui.red.menu .active.item:hover,
1390
1264
  .ui.ui.red.menu .active.item {
1391
- color: #DB2828;
1265
+ color: #db2828;
1392
1266
  }
1393
1267
  .ui.ui.ui.menu .orange.active.item,
1394
1268
  .ui.ui.orange.menu .active.item:hover,
1395
1269
  .ui.ui.orange.menu .active.item {
1396
- color: #F2711C;
1270
+ color: #f2711c;
1397
1271
  }
1398
1272
  .ui.ui.ui.menu .yellow.active.item,
1399
1273
  .ui.ui.yellow.menu .active.item:hover,
1400
1274
  .ui.ui.yellow.menu .active.item {
1401
- color: #FBBD08;
1275
+ color: #fbbd08;
1402
1276
  }
1403
1277
  .ui.ui.ui.menu .olive.active.item,
1404
1278
  .ui.ui.olive.menu .active.item:hover,
1405
1279
  .ui.ui.olive.menu .active.item {
1406
- color: #B5CC18;
1280
+ color: #b5cc18;
1407
1281
  }
1408
1282
  .ui.ui.ui.menu .green.active.item,
1409
1283
  .ui.ui.green.menu .active.item:hover,
1410
1284
  .ui.ui.green.menu .active.item {
1411
- color: #21BA45;
1285
+ color: #21ba45;
1412
1286
  }
1413
1287
  .ui.ui.ui.menu .teal.active.item,
1414
1288
  .ui.ui.teal.menu .active.item:hover,
1415
1289
  .ui.ui.teal.menu .active.item {
1416
- color: #00B5AD;
1290
+ color: #00b5ad;
1417
1291
  }
1418
1292
  .ui.ui.ui.menu .blue.active.item,
1419
1293
  .ui.ui.blue.menu .active.item:hover,
1420
1294
  .ui.ui.blue.menu .active.item {
1421
- color: #2185D0;
1295
+ color: #2185d0;
1422
1296
  }
1423
1297
  .ui.ui.ui.menu .violet.active.item,
1424
1298
  .ui.ui.violet.menu .active.item:hover,
1425
1299
  .ui.ui.violet.menu .active.item {
1426
- color: #6435C9;
1300
+ color: #6435c9;
1427
1301
  }
1428
1302
  .ui.ui.ui.menu .purple.active.item,
1429
1303
  .ui.ui.purple.menu .active.item:hover,
1430
1304
  .ui.ui.purple.menu .active.item {
1431
- color: #A333C8;
1305
+ color: #a333c8;
1432
1306
  }
1433
1307
  .ui.ui.ui.menu .pink.active.item,
1434
1308
  .ui.ui.pink.menu .active.item:hover,
1435
1309
  .ui.ui.pink.menu .active.item {
1436
- color: #E03997;
1310
+ color: #e03997;
1437
1311
  }
1438
1312
  .ui.ui.ui.menu .brown.active.item,
1439
1313
  .ui.ui.brown.menu .active.item:hover,
1440
1314
  .ui.ui.brown.menu .active.item {
1441
- color: #A5673F;
1315
+ color: #a5673f;
1442
1316
  }
1443
1317
  .ui.ui.ui.menu .grey.active.item,
1444
1318
  .ui.ui.grey.menu .active.item:hover,
@@ -1448,18 +1322,16 @@ Floated Menu / Item
1448
1322
  .ui.ui.ui.menu .black.active.item,
1449
1323
  .ui.ui.black.menu .active.item:hover,
1450
1324
  .ui.ui.black.menu .active.item {
1451
- color: #1B1C1D;
1325
+ color: #1b1c1d;
1452
1326
  }
1453
1327
 
1454
- /*--------------
1455
- Inverted
1456
- ---------------*/
1457
-
1328
+ /* --------------
1329
+ Inverted
1330
+ --------------- */
1458
1331
  .ui.inverted.menu {
1459
1332
  border: 0 solid transparent;
1460
- background: #1B1C1D;
1461
- -webkit-box-shadow: none;
1462
- box-shadow: none;
1333
+ background: #1b1c1d;
1334
+ box-shadow: none;
1463
1335
  }
1464
1336
 
1465
1337
  /* Menu Item */
@@ -1472,8 +1344,7 @@ Floated Menu / Item
1472
1344
  background: transparent;
1473
1345
  }
1474
1346
 
1475
- /*--- Border ---*/
1476
-
1347
+ /* --- Border --- */
1477
1348
  .ui.inverted.menu .item::before {
1478
1349
  background: rgba(255, 255, 255, 0.08);
1479
1350
  }
@@ -1491,8 +1362,7 @@ Floated Menu / Item
1491
1362
  .ui.inverted.menu .header.item {
1492
1363
  margin: 0;
1493
1364
  background: transparent;
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none;
1365
+ box-shadow: none;
1496
1366
  }
1497
1367
 
1498
1368
  /* Disabled */
@@ -1500,8 +1370,7 @@ Floated Menu / Item
1500
1370
  color: rgba(225, 225, 225, 0.3);
1501
1371
  }
1502
1372
 
1503
- /*--- Hover ---*/
1504
-
1373
+ /* --- Hover --- */
1505
1374
  .ui.link.inverted.menu .item:hover,
1506
1375
  .ui.inverted.menu .dropdown.item:hover,
1507
1376
  .ui.inverted.menu .link.item:hover,
@@ -1515,46 +1384,41 @@ Floated Menu / Item
1515
1384
  color: #ffffff;
1516
1385
  }
1517
1386
 
1518
- /*--- Pressed ---*/
1519
-
1387
+ /* --- Pressed --- */
1520
1388
  .ui.inverted.menu a.item:active,
1521
1389
  .ui.inverted.menu .link.item:active {
1522
1390
  background: rgba(255, 255, 255, 0.08);
1523
1391
  color: #ffffff;
1524
1392
  }
1525
1393
 
1526
- /*--- Active ---*/
1527
-
1394
+ /* --- Active --- */
1528
1395
  .ui.inverted.menu .active.item {
1529
- background: #3D3E3F;
1396
+ background: #3d3e3f;
1530
1397
  color: #ffffff !important;
1531
1398
  }
1532
1399
  .ui.inverted.vertical.menu .item .menu .active.item {
1533
1400
  background: transparent;
1534
- color: #FFFFFF;
1401
+ color: #fff;
1535
1402
  }
1536
1403
  .ui.inverted.pointing.menu .active.item::after {
1537
- background: #3D3E3F;
1404
+ background: #3d3e3f;
1538
1405
  margin: 0 !important;
1539
- -webkit-box-shadow: none !important;
1540
- box-shadow: none !important;
1406
+ box-shadow: none !important;
1541
1407
  border: none !important;
1542
1408
  }
1543
1409
 
1544
- /*--- Active Hover ---*/
1545
-
1410
+ /* --- Active Hover --- */
1546
1411
  .ui.inverted.menu .active.item:hover {
1547
- background: #3D3E3F;
1548
- color: #FFFFFF !important;
1412
+ background: #3d3e3f;
1413
+ color: #fff !important;
1549
1414
  }
1550
1415
  .ui.inverted.pointing.menu .active.item:hover::after {
1551
- background: #3D3E3F;
1416
+ background: #3d3e3f;
1552
1417
  }
1553
1418
 
1554
- /*--------------
1555
- Floated
1556
- ---------------*/
1557
-
1419
+ /* --------------
1420
+ Floated
1421
+ --------------- */
1558
1422
  .ui.floated.menu {
1559
1423
  float: left;
1560
1424
  margin: 0 0.5rem 0 0;
@@ -1568,21 +1432,17 @@ Floated Menu / Item
1568
1432
  }
1569
1433
  .ui.center.aligned.menu,
1570
1434
  .ui.centered.menu {
1571
- display: -webkit-inline-box;
1572
- display: -ms-inline-flexbox;
1573
1435
  display: inline-flex;
1574
- -webkit-transform: translateX(-50%);
1575
- transform: translateX(-50%);
1436
+ transform: translateX(-50%);
1576
1437
  margin-left: 50%;
1577
1438
  }
1578
1439
 
1579
- /*--------------
1580
- Inverted
1581
- ---------------*/
1582
-
1440
+ /* --------------
1441
+ Inverted
1442
+ --------------- */
1583
1443
  .ui.ui.ui.inverted.menu .primary.active.item,
1584
1444
  .ui.ui.inverted.primary.menu {
1585
- background-color: #2185D0;
1445
+ background-color: #2185d0;
1586
1446
  }
1587
1447
  .ui.inverted.primary.menu .item::before {
1588
1448
  background-color: rgba(34, 36, 38, 0.1);
@@ -1595,7 +1455,7 @@ Floated Menu / Item
1595
1455
  }
1596
1456
  .ui.ui.ui.inverted.menu .red.active.item,
1597
1457
  .ui.ui.inverted.red.menu {
1598
- background-color: #DB2828;
1458
+ background-color: #db2828;
1599
1459
  }
1600
1460
  .ui.inverted.red.menu .item::before {
1601
1461
  background-color: rgba(34, 36, 38, 0.1);
@@ -1608,7 +1468,7 @@ Floated Menu / Item
1608
1468
  }
1609
1469
  .ui.ui.ui.inverted.menu .orange.active.item,
1610
1470
  .ui.ui.inverted.orange.menu {
1611
- background-color: #F2711C;
1471
+ background-color: #f2711c;
1612
1472
  }
1613
1473
  .ui.inverted.orange.menu .item::before {
1614
1474
  background-color: rgba(34, 36, 38, 0.1);
@@ -1621,7 +1481,7 @@ Floated Menu / Item
1621
1481
  }
1622
1482
  .ui.ui.ui.inverted.menu .yellow.active.item,
1623
1483
  .ui.ui.inverted.yellow.menu {
1624
- background-color: #FBBD08;
1484
+ background-color: #fbbd08;
1625
1485
  }
1626
1486
  .ui.inverted.yellow.menu .item::before {
1627
1487
  background-color: rgba(34, 36, 38, 0.1);
@@ -1634,7 +1494,7 @@ Floated Menu / Item
1634
1494
  }
1635
1495
  .ui.ui.ui.inverted.menu .olive.active.item,
1636
1496
  .ui.ui.inverted.olive.menu {
1637
- background-color: #B5CC18;
1497
+ background-color: #b5cc18;
1638
1498
  }
1639
1499
  .ui.inverted.olive.menu .item::before {
1640
1500
  background-color: rgba(34, 36, 38, 0.1);
@@ -1647,7 +1507,7 @@ Floated Menu / Item
1647
1507
  }
1648
1508
  .ui.ui.ui.inverted.menu .green.active.item,
1649
1509
  .ui.ui.inverted.green.menu {
1650
- background-color: #21BA45;
1510
+ background-color: #21ba45;
1651
1511
  }
1652
1512
  .ui.inverted.green.menu .item::before {
1653
1513
  background-color: rgba(34, 36, 38, 0.1);
@@ -1660,7 +1520,7 @@ Floated Menu / Item
1660
1520
  }
1661
1521
  .ui.ui.ui.inverted.menu .teal.active.item,
1662
1522
  .ui.ui.inverted.teal.menu {
1663
- background-color: #00B5AD;
1523
+ background-color: #00b5ad;
1664
1524
  }
1665
1525
  .ui.inverted.teal.menu .item::before {
1666
1526
  background-color: rgba(34, 36, 38, 0.1);
@@ -1673,7 +1533,7 @@ Floated Menu / Item
1673
1533
  }
1674
1534
  .ui.ui.ui.inverted.menu .blue.active.item,
1675
1535
  .ui.ui.inverted.blue.menu {
1676
- background-color: #2185D0;
1536
+ background-color: #2185d0;
1677
1537
  }
1678
1538
  .ui.inverted.blue.menu .item::before {
1679
1539
  background-color: rgba(34, 36, 38, 0.1);
@@ -1686,7 +1546,7 @@ Floated Menu / Item
1686
1546
  }
1687
1547
  .ui.ui.ui.inverted.menu .violet.active.item,
1688
1548
  .ui.ui.inverted.violet.menu {
1689
- background-color: #6435C9;
1549
+ background-color: #6435c9;
1690
1550
  }
1691
1551
  .ui.inverted.violet.menu .item::before {
1692
1552
  background-color: rgba(34, 36, 38, 0.1);
@@ -1699,7 +1559,7 @@ Floated Menu / Item
1699
1559
  }
1700
1560
  .ui.ui.ui.inverted.menu .purple.active.item,
1701
1561
  .ui.ui.inverted.purple.menu {
1702
- background-color: #A333C8;
1562
+ background-color: #a333c8;
1703
1563
  }
1704
1564
  .ui.inverted.purple.menu .item::before {
1705
1565
  background-color: rgba(34, 36, 38, 0.1);
@@ -1712,7 +1572,7 @@ Floated Menu / Item
1712
1572
  }
1713
1573
  .ui.ui.ui.inverted.menu .pink.active.item,
1714
1574
  .ui.ui.inverted.pink.menu {
1715
- background-color: #E03997;
1575
+ background-color: #e03997;
1716
1576
  }
1717
1577
  .ui.inverted.pink.menu .item::before {
1718
1578
  background-color: rgba(34, 36, 38, 0.1);
@@ -1725,7 +1585,7 @@ Floated Menu / Item
1725
1585
  }
1726
1586
  .ui.ui.ui.inverted.menu .brown.active.item,
1727
1587
  .ui.ui.inverted.brown.menu {
1728
- background-color: #A5673F;
1588
+ background-color: #a5673f;
1729
1589
  }
1730
1590
  .ui.inverted.brown.menu .item::before {
1731
1591
  background-color: rgba(34, 36, 38, 0.1);
@@ -1751,7 +1611,7 @@ Floated Menu / Item
1751
1611
  }
1752
1612
  .ui.ui.ui.inverted.menu .black.active.item,
1753
1613
  .ui.ui.inverted.black.menu {
1754
- background-color: #1B1C1D;
1614
+ background-color: #1b1c1d;
1755
1615
  }
1756
1616
  .ui.inverted.black.menu .item::before {
1757
1617
  background-color: rgba(34, 36, 38, 0.1);
@@ -1766,10 +1626,9 @@ Floated Menu / Item
1766
1626
  background-color: inherit;
1767
1627
  }
1768
1628
 
1769
- /*--------------
1770
- Fitted
1771
- ---------------*/
1772
-
1629
+ /* --------------
1630
+ Fitted
1631
+ --------------- */
1773
1632
  .ui.fitted.menu .item,
1774
1633
  .ui.fitted.menu .item .menu .item,
1775
1634
  .ui.menu .fitted.item {
@@ -1788,23 +1647,19 @@ Floated Menu / Item
1788
1647
  padding-right: 1.14285714em;
1789
1648
  }
1790
1649
 
1791
- /*--------------
1792
- Borderless
1793
- ---------------*/
1794
-
1650
+ /* --------------
1651
+ Borderless
1652
+ --------------- */
1795
1653
  .ui.borderless.menu .item::before,
1796
1654
  .ui.borderless.menu .item .menu .item::before,
1797
1655
  .ui.menu .borderless.item::before {
1798
1656
  background: none !important;
1799
1657
  }
1800
1658
 
1801
- /*-------------------
1802
- Compact
1803
- --------------------*/
1804
-
1659
+ /* -------------------
1660
+ Compact
1661
+ -------------------- */
1805
1662
  .ui.compact.menu {
1806
- display: -webkit-inline-box;
1807
- display: -ms-inline-flexbox;
1808
1663
  display: inline-flex;
1809
1664
  margin: 0;
1810
1665
  vertical-align: middle;
@@ -1828,19 +1683,17 @@ Floated Menu / Item
1828
1683
  display: block;
1829
1684
  }
1830
1685
 
1831
- /*-------------------
1832
- Fluid
1833
- --------------------*/
1834
-
1686
+ /* -------------------
1687
+ Fluid
1688
+ -------------------- */
1835
1689
  .ui.menu.fluid,
1836
1690
  .ui.vertical.menu.fluid {
1837
1691
  width: 100% !important;
1838
1692
  }
1839
1693
 
1840
- /*-------------------
1694
+ /* -------------------
1841
1695
  Evenly Sized
1842
- --------------------*/
1843
-
1696
+ -------------------- */
1844
1697
  .ui.item.menu,
1845
1698
  .ui.item.menu .item {
1846
1699
  width: 100%;
@@ -1849,9 +1702,7 @@ Floated Menu / Item
1849
1702
  margin-left: 0 !important;
1850
1703
  margin-right: 0 !important;
1851
1704
  text-align: center;
1852
- -webkit-box-pack: center;
1853
- -ms-flex-pack: center;
1854
- justify-content: center;
1705
+ justify-content: center;
1855
1706
  }
1856
1707
  .ui.attached.item.menu:not(.tabular) {
1857
1708
  margin: 0 -1px !important;
@@ -1893,10 +1744,9 @@ Floated Menu / Item
1893
1744
  width: 8.333%;
1894
1745
  }
1895
1746
 
1896
- /*--------------
1897
- Fixed
1898
- ---------------*/
1899
-
1747
+ /* --------------
1748
+ Fixed
1749
+ --------------- */
1900
1750
  .ui.menu.fixed {
1901
1751
  position: fixed;
1902
1752
  z-index: 101;
@@ -1957,27 +1807,24 @@ Floated Menu / Item
1957
1807
  padding-top: 2.75rem;
1958
1808
  }
1959
1809
 
1960
- /*-------------------
1961
- Pointing
1962
- --------------------*/
1963
-
1810
+ /* -------------------
1811
+ Pointing
1812
+ -------------------- */
1964
1813
  .ui.pointing.menu .item::after {
1965
1814
  visibility: hidden;
1966
1815
  position: absolute;
1967
- content: '';
1816
+ content: "";
1968
1817
  top: 100%;
1969
1818
  left: 50%;
1970
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1971
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
1819
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
1972
1820
  background: none;
1973
1821
  margin: 0.5px 0 0;
1974
1822
  width: 0.57142857em;
1975
1823
  height: 0.57142857em;
1976
1824
  border: none;
1977
- border-bottom: 1px solid #D4D4D5;
1978
- border-right: 1px solid #D4D4D5;
1825
+ border-bottom: 1px solid #d4d4d5;
1826
+ border-right: 1px solid #d4d4d5;
1979
1827
  z-index: 2;
1980
- -webkit-transition: background 0.1s ease;
1981
1828
  transition: background 0.1s ease;
1982
1829
  }
1983
1830
  .ui.vertical.pointing.menu .item::after {
@@ -1986,12 +1833,11 @@ Floated Menu / Item
1986
1833
  right: 0;
1987
1834
  bottom: auto;
1988
1835
  left: auto;
1989
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
1990
- transform: translateX(50%) translateY(-50%) rotate(45deg);
1836
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
1991
1837
  margin: 0 -0.5px 0 0;
1992
1838
  border: none;
1993
- border-top: 1px solid #D4D4D5;
1994
- border-right: 1px solid #D4D4D5;
1839
+ border-top: 1px solid #d4d4d5;
1840
+ border-right: 1px solid #d4d4d5;
1995
1841
  }
1996
1842
  .ui.pointing.menu .ui.dropdown .menu .item::after,
1997
1843
  .ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
@@ -2014,22 +1860,22 @@ Floated Menu / Item
2014
1860
 
2015
1861
  /* Colors */
2016
1862
  .ui.pointing.menu .active.item:hover::after {
2017
- background-color: #F2F2F2;
1863
+ background-color: #f2f2f2;
2018
1864
  }
2019
1865
  .ui.pointing.menu .active.item::after {
2020
- background-color: #F2F2F2;
1866
+ background-color: #f2f2f2;
2021
1867
  }
2022
1868
  .ui.pointing.menu .active.item:hover::after {
2023
- background-color: #F2F2F2;
1869
+ background-color: #f2f2f2;
2024
1870
  }
2025
1871
  .ui.vertical.pointing.menu .active.item:hover::after {
2026
- background-color: #F2F2F2;
1872
+ background-color: #f2f2f2;
2027
1873
  }
2028
1874
  .ui.vertical.pointing.menu .active.item::after {
2029
- background-color: #F2F2F2;
1875
+ background-color: #f2f2f2;
2030
1876
  }
2031
1877
  .ui.vertical.pointing.menu .menu .active.item::after {
2032
- background-color: #FFFFFF;
1878
+ background-color: #fff;
2033
1879
  }
2034
1880
  @media only screen and (max-width: 767.98px) {
2035
1881
  .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
@@ -2037,55 +1883,54 @@ Floated Menu / Item
2037
1883
  }
2038
1884
  }
2039
1885
  .ui.inverted.pointing.menu .primary.active.item::after {
2040
- background-color: #2185D0;
1886
+ background-color: #2185d0;
2041
1887
  }
2042
1888
  .ui.inverted.pointing.menu .secondary.active.item::after {
2043
- background-color: #1B1C1D;
1889
+ background-color: #1b1c1d;
2044
1890
  }
2045
1891
  .ui.inverted.pointing.menu .red.active.item::after {
2046
- background-color: #DB2828;
1892
+ background-color: #db2828;
2047
1893
  }
2048
1894
  .ui.inverted.pointing.menu .orange.active.item::after {
2049
- background-color: #F2711C;
1895
+ background-color: #f2711c;
2050
1896
  }
2051
1897
  .ui.inverted.pointing.menu .yellow.active.item::after {
2052
- background-color: #FBBD08;
1898
+ background-color: #fbbd08;
2053
1899
  }
2054
1900
  .ui.inverted.pointing.menu .olive.active.item::after {
2055
- background-color: #B5CC18;
1901
+ background-color: #b5cc18;
2056
1902
  }
2057
1903
  .ui.inverted.pointing.menu .green.active.item::after {
2058
- background-color: #21BA45;
1904
+ background-color: #21ba45;
2059
1905
  }
2060
1906
  .ui.inverted.pointing.menu .teal.active.item::after {
2061
- background-color: #00B5AD;
1907
+ background-color: #00b5ad;
2062
1908
  }
2063
1909
  .ui.inverted.pointing.menu .blue.active.item::after {
2064
- background-color: #2185D0;
1910
+ background-color: #2185d0;
2065
1911
  }
2066
1912
  .ui.inverted.pointing.menu .violet.active.item::after {
2067
- background-color: #6435C9;
1913
+ background-color: #6435c9;
2068
1914
  }
2069
1915
  .ui.inverted.pointing.menu .purple.active.item::after {
2070
- background-color: #A333C8;
1916
+ background-color: #a333c8;
2071
1917
  }
2072
1918
  .ui.inverted.pointing.menu .pink.active.item::after {
2073
- background-color: #E03997;
1919
+ background-color: #e03997;
2074
1920
  }
2075
1921
  .ui.inverted.pointing.menu .brown.active.item::after {
2076
- background-color: #A5673F;
1922
+ background-color: #a5673f;
2077
1923
  }
2078
1924
  .ui.inverted.pointing.menu .grey.active.item::after {
2079
1925
  background-color: #767676;
2080
1926
  }
2081
1927
  .ui.inverted.pointing.menu .black.active.item::after {
2082
- background-color: #1B1C1D;
1928
+ background-color: #1b1c1d;
2083
1929
  }
2084
1930
 
2085
- /*--------------
2086
- Attached
2087
- ---------------*/
2088
-
1931
+ /* --------------
1932
+ Attached
1933
+ --------------- */
2089
1934
 
2090
1935
  /* Middle */
2091
1936
  .ui.attached.menu {
@@ -2095,8 +1940,7 @@ Floated Menu / Item
2095
1940
  margin: 0 -1px;
2096
1941
  width: calc(100% + 2px);
2097
1942
  max-width: calc(100% + 2px);
2098
- -webkit-box-shadow: none;
2099
- box-shadow: none;
1943
+ box-shadow: none;
2100
1944
  }
2101
1945
  .ui.attached + .ui.attached.menu:not(.top) {
2102
1946
  border-top: none;
@@ -2120,8 +1964,7 @@ Floated Menu / Item
2120
1964
  margin-top: 0;
2121
1965
  top: 0;
2122
1966
  margin-bottom: 1rem;
2123
- -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
2124
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
1967
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
2125
1968
  border-radius: 0 0 0.28571429rem 0.28571429rem;
2126
1969
  }
2127
1970
  .ui[class*="bottom attached"].menu:last-child {
@@ -2138,13 +1981,13 @@ Floated Menu / Item
2138
1981
 
2139
1982
  /* Tabular Attached */
2140
1983
  .ui.attached.menu:not(.tabular):not(.text) {
2141
- border: 1px solid #D4D4D5;
1984
+ border: 1px solid #d4d4d5;
2142
1985
  }
2143
1986
  .ui.attached.inverted.menu {
2144
1987
  border: none;
2145
1988
  }
2146
1989
  .ui[class*="top attached"].inverted.tabular.menu {
2147
- border-bottom: 1px solid #555555;
1990
+ border-bottom: 1px solid #555;
2148
1991
  }
2149
1992
  .ui.attached.tabular.menu {
2150
1993
  margin-left: 0;
@@ -2152,10 +1995,9 @@ Floated Menu / Item
2152
1995
  width: 100%;
2153
1996
  }
2154
1997
 
2155
- /*--------------
1998
+ /* --------------
2156
1999
  Sizes
2157
- ---------------*/
2158
-
2000
+ --------------- */
2159
2001
  .ui.menu {
2160
2002
  font-size: 1rem;
2161
2003
  }
@@ -2219,14 +2061,12 @@ Floated Menu / Item
2219
2061
  width: 25rem;
2220
2062
  }
2221
2063
 
2222
- /*-------------------
2064
+ /* -------------------
2223
2065
  Inverted dropdowns
2224
- --------------------*/
2225
-
2066
+ -------------------- */
2226
2067
  .ui.menu .ui.inverted.inverted.dropdown.item .menu {
2227
- background: #1B1C1D;
2228
- -webkit-box-shadow: none;
2229
- box-shadow: none;
2068
+ background: #1b1c1d;
2069
+ box-shadow: none;
2230
2070
  }
2231
2071
  .ui.menu .ui.inverted.dropdown .menu > .item {
2232
2072
  color: rgba(255, 255, 255, 0.8) !important;
@@ -2246,8 +2086,7 @@ Floated Menu / Item
2246
2086
 
2247
2087
  /* Vertical */
2248
2088
  .ui.vertical.menu .inverted.dropdown.item .menu {
2249
- -webkit-box-shadow: none;
2250
- box-shadow: none;
2089
+ box-shadow: none;
2251
2090
  }
2252
2091
 
2253
2092