fomantic-ui 2.9.1-beta.9 → 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 -732
  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 +51 -60
  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 +211 -289
  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 +9069 -12355
  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 +538 -555
  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 -148
  249. package/src/definitions/modules/popup.js +1455 -1455
  250. package/src/definitions/modules/popup.less +735 -740
  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 +2002 -2013
  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 +4 -3
  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 +10 -13
  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
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.1-beta.9+845150e - Button
2
+ * # Fomantic-UI 2.9.1 - Button
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -20,9 +20,9 @@
20
20
  outline: none;
21
21
  border: none;
22
22
  vertical-align: baseline;
23
- background: #E0E1E2 none;
23
+ background: #e0e1e2 none;
24
24
  color: rgba(0, 0, 0, 0.6);
25
- 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
+ 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";
26
26
  margin: 0 0.25em 0 0;
27
27
  padding: 0.78571429em 1.5em 0.78571429em;
28
28
  text-transform: none;
@@ -33,16 +33,11 @@
33
33
  text-align: center;
34
34
  text-decoration: none;
35
35
  border-radius: 0.28571429rem;
36
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
37
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
36
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
38
37
  -webkit-user-select: none;
39
- -moz-user-select: none;
40
38
  -ms-user-select: none;
41
39
  user-select: none;
42
- -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
43
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
44
40
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
45
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
46
41
  will-change: auto;
47
42
  -webkit-tap-highlight-color: transparent;
48
43
  }
@@ -53,74 +48,65 @@
53
48
  *******************************/
54
49
 
55
50
 
56
- /*--------------
51
+ /* --------------
57
52
  Hover
58
- ---------------*/
59
-
53
+ --------------- */
60
54
  .ui.button:hover {
61
- background-color: #CACBCD;
55
+ background-color: #cacbcd;
62
56
  background-image: none;
63
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
64
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
57
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
65
58
  color: rgba(0, 0, 0, 0.8);
66
59
  }
67
60
  .ui.button:hover .icon {
68
61
  opacity: 0.85;
69
62
  }
70
63
 
71
- /*--------------
64
+ /* --------------
72
65
  Focus
73
- ---------------*/
74
-
66
+ --------------- */
75
67
  .ui.button:focus {
76
- background-color: #CACBCD;
68
+ background-color: #cacbcd;
77
69
  color: rgba(0, 0, 0, 0.8);
78
70
  background-image: none;
79
- -webkit-box-shadow: '';
80
- box-shadow: '';
71
+ box-shadow: "";
81
72
  }
82
73
  .ui.button:focus .icon {
83
74
  opacity: 0.85;
84
75
  }
85
76
 
86
- /*--------------
77
+ /* --------------
87
78
  Down
88
- ---------------*/
89
-
79
+ --------------- */
90
80
  .ui.button:active,
91
81
  .ui.active.button:active {
92
- background-color: #BABBBC;
93
- background-image: '';
82
+ background-color: #babbbc;
83
+ background-image: "";
94
84
  color: rgba(0, 0, 0, 0.9);
95
- -webkit-box-shadow: 0 0 0 1px transparent inset, none;
96
- box-shadow: 0 0 0 1px transparent inset, none;
85
+ box-shadow: none;
97
86
  }
98
87
 
99
- /*--------------
88
+ /* --------------
100
89
  Active
101
- ---------------*/
102
-
90
+ --------------- */
103
91
  .ui.active.button {
104
- background-color: #C0C1C2;
92
+ background-color: #c0c1c2;
105
93
  background-image: none;
106
- -webkit-box-shadow: 0 0 0 1px transparent inset;
107
- box-shadow: 0 0 0 1px transparent inset;
94
+ box-shadow: 0 0 0 1px transparent inset;
108
95
  color: rgba(0, 0, 0, 0.95);
109
96
  }
110
97
  .ui.active.button:hover {
111
- background-color: #C0C1C2;
98
+ background-color: #c0c1c2;
112
99
  background-image: none;
113
100
  color: rgba(0, 0, 0, 0.95);
114
101
  }
115
102
  .ui.active.button:active {
116
- background-color: #C0C1C2;
103
+ background-color: #c0c1c2;
117
104
  background-image: none;
118
105
  }
119
106
 
120
- /*--------------
121
- Loading
122
- ---------------*/
123
-
107
+ /* --------------
108
+ Loading
109
+ --------------- */
124
110
 
125
111
  /* Specificity hack */
126
112
  .ui.loading.loading.loading.loading.loading.loading.button {
@@ -130,12 +116,11 @@
130
116
  color: transparent;
131
117
  opacity: 1;
132
118
  pointer-events: auto;
133
- -webkit-transition: all 0s linear, opacity 0.1s ease;
134
119
  transition: all 0s linear, opacity 0.1s ease;
135
120
  }
136
121
  .ui.loading.button::before {
137
122
  position: absolute;
138
- content: '';
123
+ content: "";
139
124
  top: 50%;
140
125
  left: 50%;
141
126
  margin: -0.64285714em 0 0 -0.64285714em;
@@ -146,19 +131,17 @@
146
131
  }
147
132
  .ui.loading.button::after {
148
133
  position: absolute;
149
- content: '';
134
+ content: "";
150
135
  top: 50%;
151
136
  left: 50%;
152
137
  margin: -0.64285714em 0 0 -0.64285714em;
153
138
  width: 1.28571429em;
154
139
  height: 1.28571429em;
155
140
  border-radius: 500rem;
156
- -webkit-animation: loader 0.6s infinite linear;
157
- animation: loader 0.6s infinite linear;
141
+ animation: loader 0.6s infinite linear;
158
142
  border: 0.2em solid currentColor;
159
- color: #FFFFFF;
160
- -webkit-box-shadow: 0 0 0 1px transparent;
161
- box-shadow: 0 0 0 1px transparent;
143
+ color: #fff;
144
+ box-shadow: 0 0 0 1px transparent;
162
145
  }
163
146
  .ui.ui.ui.loading.button .label {
164
147
  background-color: transparent;
@@ -167,8 +150,7 @@
167
150
  }
168
151
  .ui.labeled.icon.loading.button .icon {
169
152
  background-color: transparent;
170
- -webkit-box-shadow: none;
171
- box-shadow: none;
153
+ box-shadow: none;
172
154
  }
173
155
  .ui.basic.loading.button:not(.inverted)::before {
174
156
  border-color: rgba(0, 0, 0, 0.1);
@@ -177,10 +159,9 @@
177
159
  border-color: #767676;
178
160
  }
179
161
 
180
- /*-------------------
181
- Disabled
182
- --------------------*/
183
-
162
+ /* -------------------
163
+ Disabled
164
+ -------------------- */
184
165
  .ui.buttons .disabled.button:not(.basic),
185
166
  .ui.disabled.button,
186
167
  .ui.button:disabled,
@@ -189,8 +170,7 @@
189
170
  cursor: default;
190
171
  opacity: 0.45 !important;
191
172
  background-image: none;
192
- -webkit-box-shadow: none;
193
- box-shadow: none;
173
+ box-shadow: none;
194
174
  pointer-events: none !important;
195
175
  }
196
176
 
@@ -205,10 +185,9 @@
205
185
  *******************************/
206
186
 
207
187
 
208
- /*-------------------
209
- Animated
210
- --------------------*/
211
-
188
+ /* -------------------
189
+ Animated
190
+ -------------------- */
212
191
  .ui.animated.button {
213
192
  position: relative;
214
193
  overflow: hidden;
@@ -231,7 +210,6 @@
231
210
  /* Horizontal */
232
211
  .ui.animated.button .visible.content,
233
212
  .ui.animated.button .hidden.content {
234
- -webkit-transition: right 0.3s ease 0s;
235
213
  transition: right 0.3s ease 0s;
236
214
  }
237
215
  .ui.animated.button .visible.content {
@@ -258,14 +236,10 @@
258
236
  /* Vertical */
259
237
  .ui.vertical.animated.button .visible.content,
260
238
  .ui.vertical.animated.button .hidden.content {
261
- -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
262
- transition: top 0.3s ease, -webkit-transform 0.3s ease;
263
239
  transition: top 0.3s ease, transform 0.3s ease;
264
- transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
265
240
  }
266
241
  .ui.vertical.animated.button .visible.content {
267
- -webkit-transform: translateY(0%);
268
- transform: translateY(0%);
242
+ transform: translateY(0);
269
243
  right: auto;
270
244
  }
271
245
  .ui.vertical.animated.button .hidden.content {
@@ -275,8 +249,7 @@
275
249
  }
276
250
  .ui.vertical.animated.button:focus .visible.content,
277
251
  .ui.vertical.animated.button:hover .visible.content {
278
- -webkit-transform: translateY(200%);
279
- transform: translateY(200%);
252
+ transform: translateY(200%);
280
253
  right: auto;
281
254
  }
282
255
  .ui.vertical.animated.button:focus .hidden.content,
@@ -288,51 +261,42 @@
288
261
  /* Fade */
289
262
  .ui.fade.animated.button .visible.content,
290
263
  .ui.fade.animated.button .hidden.content {
291
- -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
292
- transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
293
264
  transition: opacity 0.3s ease, transform 0.3s ease;
294
- transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
295
265
  }
296
266
  .ui.fade.animated.button .visible.content {
297
267
  left: auto;
298
268
  right: auto;
299
269
  opacity: 1;
300
- -webkit-transform: scale(1);
301
- transform: scale(1);
270
+ transform: scale(1);
302
271
  }
303
272
  .ui.fade.animated.button .hidden.content {
304
273
  opacity: 0;
305
274
  left: 0;
306
275
  right: auto;
307
- -webkit-transform: scale(1.5);
308
- transform: scale(1.5);
276
+ transform: scale(1.5);
309
277
  }
310
278
  .ui.fade.animated.button:focus .visible.content,
311
279
  .ui.fade.animated.button:hover .visible.content {
312
280
  left: auto;
313
281
  right: auto;
314
282
  opacity: 0;
315
- -webkit-transform: scale(0.75);
316
- transform: scale(0.75);
283
+ transform: scale(0.75);
317
284
  }
318
285
  .ui.fade.animated.button:focus .hidden.content,
319
286
  .ui.fade.animated.button:hover .hidden.content {
320
287
  left: 0;
321
288
  right: auto;
322
289
  opacity: 1;
323
- -webkit-transform: scale(1);
324
- transform: scale(1);
290
+ transform: scale(1);
325
291
  }
326
292
 
327
- /*-------------------
328
- Inverted
329
- --------------------*/
330
-
293
+ /* -------------------
294
+ Inverted
295
+ -------------------- */
331
296
  .ui.inverted.button {
332
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
333
- box-shadow: 0 0 0 2px #FFFFFF inset;
297
+ box-shadow: 0 0 0 2px #fff inset;
334
298
  background: transparent none;
335
- color: #FFFFFF;
299
+ color: #fff;
336
300
  text-shadow: none !important;
337
301
  }
338
302
 
@@ -354,60 +318,46 @@
354
318
 
355
319
  /* Hover */
356
320
  .ui.inverted.button:hover {
357
- background: #FFFFFF;
358
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
359
- box-shadow: 0 0 0 2px #FFFFFF inset;
321
+ background: #fff;
322
+ box-shadow: 0 0 0 2px #fff inset;
360
323
  color: rgba(0, 0, 0, 0.8);
361
324
  }
362
325
 
363
326
  /* Active / Focus */
364
327
  .ui.inverted.button:focus,
365
328
  .ui.inverted.button.active {
366
- background: #FFFFFF;
367
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
368
- box-shadow: 0 0 0 2px #FFFFFF inset;
329
+ background: #fff;
330
+ box-shadow: 0 0 0 2px #fff inset;
369
331
  color: rgba(0, 0, 0, 0.8);
370
332
  }
371
333
 
372
334
  /* Active Focus */
373
335
  .ui.inverted.button.active:focus {
374
- background: #DCDDDE;
375
- -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
376
- box-shadow: 0 0 0 2px #DCDDDE inset;
336
+ background: #dcddde;
337
+ box-shadow: 0 0 0 2px #dcddde inset;
377
338
  color: rgba(0, 0, 0, 0.8);
378
339
  }
379
340
 
380
- /*-------------------
381
- Labeled Button
382
- --------------------*/
383
-
341
+ /* -------------------
342
+ Labeled Button
343
+ -------------------- */
384
344
  .ui.labeled.button:not(.icon) {
385
- display: -webkit-inline-box;
386
- display: -ms-inline-flexbox;
387
345
  display: inline-flex;
388
- -webkit-box-orient: horizontal;
389
- -webkit-box-direction: normal;
390
- -ms-flex-direction: row;
391
- flex-direction: row;
346
+ flex-direction: row;
392
347
  background: none;
393
348
  padding: 0 !important;
394
349
  border: none;
395
- -webkit-box-shadow: none;
396
- box-shadow: none;
350
+ box-shadow: none;
397
351
  }
398
352
  .ui.labeled.button > .button {
399
353
  margin: 0;
400
354
  }
401
355
  .ui.labeled.button > .label {
402
- display: -webkit-box;
403
- display: -ms-flexbox;
404
356
  display: flex;
405
- -webkit-box-align: center;
406
- -ms-flex-align: center;
407
- align-items: center;
357
+ align-items: center;
408
358
  margin: 0 0 0 -1px !important;
409
359
  font-size: 1em;
410
- padding: '';
360
+ padding: "";
411
361
  border-color: rgba(34, 36, 38, 0.15);
412
362
  }
413
363
 
@@ -437,209 +387,197 @@
437
387
  border-bottom-right-radius: 0;
438
388
  }
439
389
 
440
- /*-------------------
441
- Social
442
- --------------------*/
443
-
390
+ /* -------------------
391
+ Social
392
+ -------------------- */
444
393
 
445
394
  /* Facebook */
446
395
  .ui.facebook.button {
447
- background-color: #3B5998;
448
- color: #FFFFFF;
396
+ background-color: #3b5998;
397
+ color: #fff;
449
398
  text-shadow: none;
450
399
  background-image: none;
451
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
452
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
400
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
453
401
  }
454
402
  .ui.facebook.button:hover {
455
403
  background-color: #304d8a;
456
- color: #FFFFFF;
404
+ color: #fff;
457
405
  text-shadow: none;
458
406
  }
459
407
  .ui.facebook.button:active {
460
408
  background-color: #2d4373;
461
- color: #FFFFFF;
409
+ color: #fff;
462
410
  text-shadow: none;
463
411
  }
464
412
 
465
413
  /* Twitter */
466
414
  .ui.twitter.button {
467
- background-color: #1DA1F2;
468
- color: #FFFFFF;
415
+ background-color: #1da1f2;
416
+ color: #fff;
469
417
  text-shadow: none;
470
418
  background-image: none;
471
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
472
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
419
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
473
420
  }
474
421
  .ui.twitter.button:hover {
475
422
  background-color: #0298f3;
476
- color: #FFFFFF;
423
+ color: #fff;
477
424
  text-shadow: none;
478
425
  }
479
426
  .ui.twitter.button:active {
480
427
  background-color: #0c85d0;
481
- color: #FFFFFF;
428
+ color: #fff;
482
429
  text-shadow: none;
483
430
  }
484
431
 
485
432
  /* Google Plus */
486
433
  .ui.google.plus.button {
487
- background-color: #DD4B39;
488
- color: #FFFFFF;
434
+ background-color: #dd4b39;
435
+ color: #fff;
489
436
  text-shadow: none;
490
437
  background-image: none;
491
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
492
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
438
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
493
439
  }
494
440
  .ui.google.plus.button:hover {
495
441
  background-color: #e0321c;
496
- color: #FFFFFF;
442
+ color: #fff;
497
443
  text-shadow: none;
498
444
  }
499
445
  .ui.google.plus.button:active {
500
446
  background-color: #c23321;
501
- color: #FFFFFF;
447
+ color: #fff;
502
448
  text-shadow: none;
503
449
  }
504
450
 
505
451
  /* Linked In */
506
452
  .ui.linkedin.button {
507
- background-color: #0077B5;
508
- color: #FFFFFF;
453
+ background-color: #0077b5;
454
+ color: #fff;
509
455
  text-shadow: none;
510
456
  }
511
457
  .ui.linkedin.button:hover {
512
458
  background-color: #00669c;
513
- color: #FFFFFF;
459
+ color: #fff;
514
460
  text-shadow: none;
515
461
  }
516
462
  .ui.linkedin.button:active {
517
463
  background-color: #005582;
518
- color: #FFFFFF;
464
+ color: #fff;
519
465
  text-shadow: none;
520
466
  }
521
467
 
522
468
  /* YouTube */
523
469
  .ui.youtube.button {
524
- background-color: #FF0000;
525
- color: #FFFFFF;
470
+ background-color: #f00;
471
+ color: #fff;
526
472
  text-shadow: none;
527
473
  background-image: none;
528
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
529
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
474
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
530
475
  }
531
476
  .ui.youtube.button:hover {
532
477
  background-color: #e60000;
533
- color: #FFFFFF;
478
+ color: #fff;
534
479
  text-shadow: none;
535
480
  }
536
481
  .ui.youtube.button:active {
537
482
  background-color: #cc0000;
538
- color: #FFFFFF;
483
+ color: #fff;
539
484
  text-shadow: none;
540
485
  }
541
486
 
542
487
  /* Instagram */
543
488
  .ui.instagram.button {
544
- background-color: #49769C;
545
- color: #FFFFFF;
489
+ background-color: #49769c;
490
+ color: #fff;
546
491
  text-shadow: none;
547
492
  background-image: none;
548
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
549
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
493
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
550
494
  }
551
495
  .ui.instagram.button:hover {
552
496
  background-color: #3d698e;
553
- color: #FFFFFF;
497
+ color: #fff;
554
498
  text-shadow: none;
555
499
  }
556
500
  .ui.instagram.button:active {
557
501
  background-color: #395c79;
558
- color: #FFFFFF;
502
+ color: #fff;
559
503
  text-shadow: none;
560
504
  }
561
505
 
562
506
  /* Pinterest */
563
507
  .ui.pinterest.button {
564
- background-color: #BD081C;
565
- color: #FFFFFF;
508
+ background-color: #bd081c;
509
+ color: #fff;
566
510
  text-shadow: none;
567
511
  background-image: none;
568
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
569
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
512
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
570
513
  }
571
514
  .ui.pinterest.button:hover {
572
515
  background-color: #ac0013;
573
- color: #FFFFFF;
516
+ color: #fff;
574
517
  text-shadow: none;
575
518
  }
576
519
  .ui.pinterest.button:active {
577
520
  background-color: #8c0615;
578
- color: #FFFFFF;
521
+ color: #fff;
579
522
  text-shadow: none;
580
523
  }
581
524
 
582
525
  /* VK */
583
526
  .ui.vk.button {
584
- background-color: #45668E;
585
- color: #FFFFFF;
527
+ background-color: #45668e;
528
+ color: #fff;
586
529
  background-image: none;
587
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
588
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
530
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
589
531
  }
590
532
  .ui.vk.button:hover {
591
533
  background-color: #395980;
592
- color: #FFFFFF;
534
+ color: #fff;
593
535
  }
594
536
  .ui.vk.button:active {
595
537
  background-color: #344d6c;
596
- color: #FFFFFF;
538
+ color: #fff;
597
539
  }
598
540
 
599
541
  /* WhatsApp */
600
542
  .ui.whatsapp.button {
601
- background-color: #25D366;
602
- color: #FFFFFF;
543
+ background-color: #25d366;
544
+ color: #fff;
603
545
  background-image: none;
604
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
605
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
546
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
606
547
  }
607
548
  .ui.whatsapp.button:hover {
608
549
  background-color: #19c55a;
609
- color: #FFFFFF;
550
+ color: #fff;
610
551
  }
611
552
  .ui.whatsapp.button:active {
612
553
  background-color: #1da851;
613
- color: #FFFFFF;
554
+ color: #fff;
614
555
  }
615
556
 
616
557
  /* Telegram */
617
558
  .ui.telegram.button {
618
- background-color: #0088CC;
619
- color: #FFFFFF;
559
+ background-color: #08c;
560
+ color: #fff;
620
561
  background-image: none;
621
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
622
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
562
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
623
563
  }
624
564
  .ui.telegram.button:hover {
625
565
  background-color: #0077b3;
626
- color: #FFFFFF;
566
+ color: #fff;
627
567
  }
628
568
  .ui.telegram.button:active {
629
569
  background-color: #006699;
630
- color: #FFFFFF;
570
+ color: #fff;
631
571
  }
632
572
 
633
- /*--------------
573
+ /* --------------
634
574
  Icon
635
- ---------------*/
636
-
575
+ --------------- */
637
576
  .ui.button > .icon:not(.button) {
638
577
  height: auto;
639
578
  opacity: 0.8;
640
- -webkit-transition: opacity 0.1s ease;
641
579
  transition: opacity 0.1s ease;
642
- color: '';
580
+ color: "";
643
581
  }
644
582
  .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
645
583
  .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
@@ -659,18 +597,14 @@
659
597
  *******************************/
660
598
 
661
599
 
662
- /*--------------
663
- Stackable
664
- ---------------*/
665
-
600
+ /* --------------
601
+ Stackable
602
+ --------------- */
666
603
 
667
604
  /* Tablet Or Below */
668
605
  @media only screen and (max-width: 767.98px) {
669
606
  .ui.stackable.buttons {
670
- -webkit-box-orient: vertical;
671
- -webkit-box-direction: normal;
672
- -ms-flex-direction: column;
673
- flex-direction: column;
607
+ flex-direction: column;
674
608
  width: 100%;
675
609
  }
676
610
  .ui.stackable.buttons .button:first-child {
@@ -686,10 +620,9 @@
686
620
  }
687
621
  }
688
622
 
689
- /*-------------------
690
- Floated
691
- --------------------*/
692
-
623
+ /* -------------------
624
+ Floated
625
+ -------------------- */
693
626
  .ui[class*="left floated"].buttons,
694
627
  .ui[class*="left floated"].button {
695
628
  float: left;
@@ -703,10 +636,9 @@
703
636
  margin-left: 0.25em;
704
637
  }
705
638
 
706
- /*-------------------
707
- Compact
708
- --------------------*/
709
-
639
+ /* -------------------
640
+ Compact
641
+ -------------------- */
710
642
  .ui.compact.buttons .button,
711
643
  .ui.compact.button {
712
644
  padding: 0.58928571em 1.125em 0.58928571em;
@@ -721,13 +653,12 @@
721
653
  }
722
654
  .ui.compact.labeled.icon.buttons .button > .icon,
723
655
  .ui.compact.labeled.icon.button > .icon {
724
- padding: 0.58928571em 0 0.58928571em 0;
656
+ padding: 0.58928571em 0;
725
657
  }
726
658
 
727
- /*-------------------
659
+ /* -------------------
728
660
  Sizes
729
- --------------------*/
730
-
661
+ -------------------- */
731
662
  .ui.buttons .button,
732
663
  .ui.buttons .or,
733
664
  .ui.button {
@@ -783,10 +714,9 @@
783
714
  font-size: 1.71428571rem;
784
715
  }
785
716
 
786
- /*--------------
787
- Icon Only
788
- ---------------*/
789
-
717
+ /* --------------
718
+ Icon Only
719
+ --------------- */
790
720
  .ui.icon.buttons .button,
791
721
  .ui.icon.button:not(.animated):not(.compact):not(.labeled) {
792
722
  padding: 0.78571429em 0.78571429em 0.78571429em;
@@ -802,10 +732,9 @@
802
732
  vertical-align: top;
803
733
  }
804
734
 
805
- /*-------------------
806
- Basic
807
- --------------------*/
808
-
735
+ /* -------------------
736
+ Basic
737
+ -------------------- */
809
738
  .ui.basic.buttons .button,
810
739
  .ui.basic.button {
811
740
  background: transparent none;
@@ -814,12 +743,10 @@
814
743
  border-radius: 0.28571429rem;
815
744
  text-transform: none;
816
745
  text-shadow: none !important;
817
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
818
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
746
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
819
747
  }
820
748
  .ui.basic.buttons {
821
- -webkit-box-shadow: none;
822
- box-shadow: none;
749
+ box-shadow: none;
823
750
  border: 1px solid rgba(34, 36, 38, 0.15);
824
751
  border-radius: 0.28571429rem;
825
752
  border-right: none;
@@ -829,30 +756,26 @@
829
756
  }
830
757
  .ui.basic.buttons .button:hover,
831
758
  .ui.basic.button:hover {
832
- background: #FFFFFF;
759
+ background: #fff;
833
760
  color: rgba(0, 0, 0, 0.8);
834
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
835
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
761
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
836
762
  }
837
763
  .ui.basic.buttons .button:focus,
838
764
  .ui.basic.button:focus {
839
- background: #FFFFFF;
765
+ background: #fff;
840
766
  color: rgba(0, 0, 0, 0.8);
841
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
842
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
767
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
843
768
  }
844
769
  .ui.basic.buttons .button:active,
845
770
  .ui.basic.button:active {
846
- background: #F8F8F8;
771
+ background: #f8f8f8;
847
772
  color: rgba(0, 0, 0, 0.9);
848
- -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
849
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
773
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
850
774
  }
851
775
  .ui.basic.buttons .active.button,
852
776
  .ui.basic.active.button {
853
777
  background: rgba(0, 0, 0, 0.05);
854
- -webkit-box-shadow: '';
855
- box-shadow: '';
778
+ box-shadow: "";
856
779
  color: rgba(0, 0, 0, 0.95);
857
780
  }
858
781
  .ui.basic.buttons .active.button:hover,
@@ -860,65 +783,55 @@
860
783
  background-color: rgba(0, 0, 0, 0.05);
861
784
  }
862
785
  .ui.basic.buttons .button:hover {
863
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
864
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
786
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
865
787
  }
866
788
  .ui.basic.buttons .button:active {
867
- -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
868
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
789
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
869
790
  }
870
791
  .ui.basic.buttons .active.button {
871
- -webkit-box-shadow: '';
872
- box-shadow: '';
792
+ box-shadow: "";
873
793
  }
874
794
 
875
795
  /* Standard Basic Inverted */
876
796
  .ui.basic.inverted.buttons .button,
877
797
  .ui.basic.inverted.button {
878
798
  background-color: transparent;
879
- color: #F9FAFB;
880
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
881
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
799
+ color: #f9fafb;
800
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
882
801
  }
883
802
  .ui.basic.inverted.buttons .button:hover,
884
803
  .ui.basic.inverted.button:hover {
885
- color: #FFFFFF;
886
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
887
- box-shadow: 0 0 0 2px #ffffff inset;
804
+ color: #fff;
805
+ box-shadow: 0 0 0 2px #ffffff inset;
888
806
  }
889
807
  .ui.basic.inverted.buttons .button:focus,
890
808
  .ui.basic.inverted.button:focus {
891
- color: #FFFFFF;
892
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
893
- box-shadow: 0 0 0 2px #ffffff inset;
809
+ color: #fff;
810
+ box-shadow: 0 0 0 2px #ffffff inset;
894
811
  }
895
812
  .ui.basic.inverted.buttons .button:active,
896
813
  .ui.basic.inverted.button:active {
897
814
  background-color: rgba(255, 255, 255, 0.08);
898
- color: #FFFFFF;
899
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
900
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
815
+ color: #fff;
816
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
901
817
  }
902
818
  .ui.basic.inverted.buttons .active.button,
903
819
  .ui.basic.inverted.active.button {
904
820
  background-color: rgba(255, 255, 255, 0.08);
905
- color: #FFFFFF;
821
+ color: #fff;
906
822
  text-shadow: none;
907
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
908
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
823
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
909
824
  }
910
825
  .ui.basic.inverted.buttons .active.button:hover,
911
826
  .ui.basic.inverted.active.button:hover {
912
827
  background-color: rgba(255, 255, 255, 0.15);
913
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
914
- box-shadow: 0 0 0 2px #ffffff inset;
828
+ box-shadow: 0 0 0 2px #ffffff inset;
915
829
  }
916
830
 
917
831
  /* Basic Group */
918
832
  .ui.basic.buttons:not(.inverted) .button:not(.basic) {
919
833
  border-right: 1px solid rgba(34, 36, 38, 0.15);
920
- -webkit-box-shadow: none;
921
- box-shadow: none;
834
+ box-shadow: none;
922
835
  }
923
836
  .ui.basic.vertical.buttons .button {
924
837
  border-left: none;
@@ -929,47 +842,40 @@
929
842
  border-top: none;
930
843
  }
931
844
 
932
- /*-------------------
933
- Tertiary
934
- --------------------*/
935
-
845
+ /* -------------------
846
+ Tertiary
847
+ -------------------- */
936
848
 
937
849
  /* Overline Mixin */
938
850
  .ui.tertiary.button {
939
- -webkit-transition: color 0.1s ease !important;
940
851
  transition: color 0.1s ease !important;
941
852
  border-radius: 0;
942
853
  margin: 0.28571429em 0.25em 0.28571429em 0 !important;
943
854
  padding: 0.5em 0.5em !important;
944
- -webkit-box-shadow: none;
945
- box-shadow: none;
855
+ box-shadow: none;
946
856
  color: rgba(0, 0, 0, 0.6);
947
857
  background: none;
948
858
  }
949
859
  .ui.tertiary.button:hover {
950
- -webkit-box-shadow: inset 0 -0.2em 0 #666666;
951
- box-shadow: inset 0 -0.2em 0 #666666;
860
+ box-shadow: inset 0 -0.2em 0 #666666;
952
861
  color: #333333;
953
862
  background: none;
954
863
  }
955
864
  .ui.tertiary.button:focus {
956
- -webkit-box-shadow: inset 0 -0.2em 0 #666666;
957
- box-shadow: inset 0 -0.2em 0 #666666;
865
+ box-shadow: inset 0 -0.2em 0 #666666;
958
866
  color: #333333;
959
867
  background: none;
960
868
  }
961
869
  .ui.tertiary.button:active {
962
- -webkit-box-shadow: inset 0 -0.2em 0 #999999;
963
- box-shadow: inset 0 -0.2em 0 #999999;
870
+ box-shadow: inset 0 -0.2em 0 #999999;
964
871
  border-radius: 0.28571429rem 0.28571429rem 0 0;
965
872
  color: #666666;
966
873
  background: none;
967
874
  }
968
875
 
969
- /*--------------
970
- Labeled Icon
971
- ---------------*/
972
-
876
+ /* --------------
877
+ Labeled Icon
878
+ --------------- */
973
879
  .ui.labeled.icon.buttons .button,
974
880
  .ui.labeled.icon.button {
975
881
  position: relative;
@@ -989,15 +895,13 @@
989
895
  border-top-left-radius: inherit;
990
896
  border-bottom-left-radius: inherit;
991
897
  text-align: center;
992
- -webkit-animation: none;
993
- animation: none;
994
- padding: 0.78571429em 0 0.78571429em 0;
898
+ animation: none;
899
+ padding: 0.78571429em 0;
995
900
  margin: 0;
996
901
  width: 2.57142857em;
997
902
  background-color: rgba(0, 0, 0, 0.05);
998
- color: '';
999
- -webkit-box-shadow: -1px 0 0 0 transparent inset;
1000
- box-shadow: -1px 0 0 0 transparent inset;
903
+ color: "";
904
+ box-shadow: -1px 0 0 0 transparent inset;
1001
905
  }
1002
906
 
1003
907
  /* Right Labeled */
@@ -1011,8 +915,7 @@
1011
915
  border-radius: 0;
1012
916
  border-top-right-radius: inherit;
1013
917
  border-bottom-right-radius: inherit;
1014
- -webkit-box-shadow: 1px 0 0 0 transparent inset;
1015
- box-shadow: 1px 0 0 0 transparent inset;
918
+ box-shadow: 1px 0 0 0 transparent inset;
1016
919
  }
1017
920
  .ui.labeled.icon.buttons > .button > .icon::before,
1018
921
  .ui.labeled.icon.button > .icon::before,
@@ -1046,35 +949,31 @@
1046
949
 
1047
950
  /* Loading Icon in Labeled Button */
1048
951
  .ui.labeled.icon.button > .loading.icon::before {
1049
- -webkit-animation: loader 2s linear infinite;
1050
- animation: loader 2s linear infinite;
952
+ animation: loader 2s linear infinite;
1051
953
  }
1052
954
 
1053
- /*--------------
1054
- Toggle
1055
- ---------------*/
1056
-
955
+ /* --------------
956
+ Toggle
957
+ --------------- */
1057
958
 
1058
959
  /* Toggle (Modifies active state to give affordances) */
1059
960
  .ui.toggle.buttons .active.button,
1060
961
  .ui.buttons .button.toggle.active,
1061
962
  .ui.button.toggle.active {
1062
- background-color: #21BA45;
1063
- -webkit-box-shadow: none;
1064
- box-shadow: none;
963
+ background-color: #21ba45;
964
+ box-shadow: none;
1065
965
  text-shadow: none;
1066
- color: #FFFFFF;
966
+ color: #fff;
1067
967
  }
1068
968
  .ui.button.toggle.active:hover {
1069
969
  background-color: #16ab39;
1070
970
  text-shadow: none;
1071
- color: #FFFFFF;
971
+ color: #fff;
1072
972
  }
1073
973
 
1074
- /*--------------
1075
- Circular
1076
- ---------------*/
1077
-
974
+ /* --------------
975
+ Circular
976
+ --------------- */
1078
977
  .ui.circular.button {
1079
978
  border-radius: 10em;
1080
979
  }
@@ -1083,10 +982,9 @@
1083
982
  vertical-align: baseline;
1084
983
  }
1085
984
 
1086
- /*-------------------
1087
- Or Buttons
1088
- --------------------*/
1089
-
985
+ /* -------------------
986
+ Or Buttons
987
+ -------------------- */
1090
988
  .ui.buttons .or {
1091
989
  position: relative;
1092
990
  width: 0.3em;
@@ -1097,10 +995,10 @@
1097
995
  position: absolute;
1098
996
  text-align: center;
1099
997
  border-radius: 500rem;
1100
- content: 'or';
998
+ content: "or";
1101
999
  top: 50%;
1102
1000
  left: 50%;
1103
- background-color: #FFFFFF;
1001
+ background-color: #fff;
1104
1002
  text-shadow: none;
1105
1003
  margin-top: -0.89285714em;
1106
1004
  margin-left: -0.89285714em;
@@ -1110,8 +1008,7 @@
1110
1008
  color: rgba(0, 0, 0, 0.4);
1111
1009
  font-style: normal;
1112
1010
  font-weight: bold;
1113
- -webkit-box-shadow: 0 0 0 1px transparent inset;
1114
- box-shadow: 0 0 0 1px transparent inset;
1011
+ box-shadow: 0 0 0 1px transparent inset;
1115
1012
  }
1116
1013
  .ui.buttons .or[data-text]::before {
1117
1014
  content: attr(data-text);
@@ -1125,10 +1022,9 @@
1125
1022
  display: none;
1126
1023
  }
1127
1024
 
1128
- /*-------------------
1129
- Attached
1130
- --------------------*/
1131
-
1025
+ /* -------------------
1026
+ Attached
1027
+ -------------------- */
1132
1028
 
1133
1029
  /* Singular */
1134
1030
  .ui.attached.button {
@@ -1136,8 +1032,7 @@
1136
1032
  display: block;
1137
1033
  margin: 0;
1138
1034
  border-radius: 0;
1139
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1140
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1035
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1141
1036
  }
1142
1037
 
1143
1038
  /* Top / Bottom */
@@ -1166,8 +1061,6 @@
1166
1061
  /* Plural */
1167
1062
  .ui.attached.buttons {
1168
1063
  position: relative;
1169
- display: -webkit-box;
1170
- display: -ms-flexbox;
1171
1064
  display: flex;
1172
1065
  border-radius: 0;
1173
1066
  width: auto !important;
@@ -1209,8 +1102,6 @@
1209
1102
 
1210
1103
  /* Left / Right */
1211
1104
  .ui[class*="left attached"].buttons {
1212
- display: -webkit-inline-box;
1213
- display: -ms-inline-flexbox;
1214
1105
  display: inline-flex;
1215
1106
  margin-right: 0;
1216
1107
  margin-left: -1px;
@@ -1225,8 +1116,6 @@
1225
1116
  border-radius: 0 0 0.28571429rem 0;
1226
1117
  }
1227
1118
  .ui[class*="right attached"].buttons {
1228
- display: -webkit-inline-box;
1229
- display: -ms-inline-flexbox;
1230
1119
  display: inline-flex;
1231
1120
  margin-left: 0;
1232
1121
  margin-right: -1px;
@@ -1241,10 +1130,9 @@
1241
1130
  border-radius: 0 0 0 0.28571429rem;
1242
1131
  }
1243
1132
 
1244
- /*-------------------
1245
- Fluid
1246
- --------------------*/
1247
-
1133
+ /* -------------------
1134
+ Fluid
1135
+ -------------------- */
1248
1136
  .ui.fluid.buttons,
1249
1137
  .ui.fluid.button {
1250
1138
  width: 100%;
@@ -1322,13 +1210,9 @@
1322
1210
  /* Fluid Vertical Buttons */
1323
1211
  .ui.fluid.vertical.buttons,
1324
1212
  .ui.fluid.vertical.buttons > .button {
1325
- display: -webkit-box;
1326
- display: -ms-flexbox;
1327
1213
  display: flex;
1328
1214
  width: auto;
1329
- -webkit-box-pack: center;
1330
- -ms-flex-pack: center;
1331
- justify-content: center;
1215
+ justify-content: center;
1332
1216
  }
1333
1217
  .ui.two.vertical.buttons > .button {
1334
1218
  height: 50%;
@@ -1364,37 +1248,35 @@
1364
1248
  height: 8.3333%;
1365
1249
  }
1366
1250
 
1367
- /*-------------------
1251
+ /* -------------------
1368
1252
  Colors
1369
- --------------------*/
1370
-
1253
+ -------------------- */
1371
1254
  .ui.primary.buttons .button,
1372
1255
  .ui.primary.button {
1373
- background-color: #2185D0;
1374
- color: #FFFFFF;
1256
+ background-color: #2185d0;
1257
+ color: #fff;
1375
1258
  text-shadow: none;
1376
1259
  background-image: none;
1377
1260
  }
1378
1261
  .ui.primary.button {
1379
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1380
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1262
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1381
1263
  }
1382
1264
  .ui.primary.buttons .button:hover,
1383
1265
  .ui.primary.button:hover {
1384
1266
  background-color: #1678c2;
1385
- color: #FFFFFF;
1267
+ color: #fff;
1386
1268
  text-shadow: none;
1387
1269
  }
1388
1270
  .ui.primary.buttons .button:focus,
1389
1271
  .ui.primary.button:focus {
1390
1272
  background-color: #0d71bb;
1391
- color: #FFFFFF;
1273
+ color: #fff;
1392
1274
  text-shadow: none;
1393
1275
  }
1394
1276
  .ui.primary.buttons .button:active,
1395
1277
  .ui.primary.button:active {
1396
1278
  background-color: #1a69a4;
1397
- color: #FFFFFF;
1279
+ color: #fff;
1398
1280
  text-shadow: none;
1399
1281
  }
1400
1282
  .ui.primary.buttons .active.button,
@@ -1402,7 +1284,7 @@
1402
1284
  .ui.primary.active.button,
1403
1285
  .ui.primary.button .active.button:active {
1404
1286
  background-color: #1279c6;
1405
- color: #FFFFFF;
1287
+ color: #fff;
1406
1288
  text-shadow: none;
1407
1289
  }
1408
1290
 
@@ -1410,35 +1292,30 @@
1410
1292
  .ui.basic.primary.buttons .button,
1411
1293
  .ui.basic.primary.button {
1412
1294
  background: transparent;
1413
- -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
1414
- box-shadow: 0 0 0 1px #2185D0 inset;
1415
- color: #2185D0;
1295
+ box-shadow: 0 0 0 1px #2185d0 inset;
1296
+ color: #2185d0;
1416
1297
  }
1417
1298
  .ui.basic.primary.buttons .button:hover,
1418
1299
  .ui.basic.primary.button:hover {
1419
1300
  background: transparent;
1420
- -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
1421
- box-shadow: 0 0 0 1px #1678c2 inset;
1301
+ box-shadow: 0 0 0 1px #1678c2 inset;
1422
1302
  color: #1678c2;
1423
1303
  }
1424
1304
  .ui.basic.primary.buttons .button:focus,
1425
1305
  .ui.basic.primary.button:focus {
1426
1306
  background: transparent;
1427
- -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
1428
- box-shadow: 0 0 0 1px #0d71bb inset;
1307
+ box-shadow: 0 0 0 1px #0d71bb inset;
1429
1308
  color: #1678c2;
1430
1309
  }
1431
1310
  .ui.basic.primary.buttons .active.button,
1432
1311
  .ui.basic.primary.active.button {
1433
1312
  background: transparent;
1434
- -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
1435
- box-shadow: 0 0 0 1px #1279c6 inset;
1313
+ box-shadow: 0 0 0 1px #1279c6 inset;
1436
1314
  color: #1a69a4;
1437
1315
  }
1438
1316
  .ui.basic.primary.buttons .button:active,
1439
1317
  .ui.basic.primary.button:active {
1440
- -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
1441
- box-shadow: 0 0 0 1px #1a69a4 inset;
1318
+ box-shadow: 0 0 0 1px #1a69a4 inset;
1442
1319
  color: #1a69a4;
1443
1320
  }
1444
1321
 
@@ -1446,9 +1323,8 @@
1446
1323
  .ui.inverted.primary.buttons .button,
1447
1324
  .ui.inverted.primary.button {
1448
1325
  background-color: transparent;
1449
- -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
1450
- box-shadow: 0 0 0 2px #54C8FF inset;
1451
- color: #54C8FF;
1326
+ box-shadow: 0 0 0 2px #54c8ff inset;
1327
+ color: #54c8ff;
1452
1328
  }
1453
1329
  .ui.inverted.primary.buttons .button:hover,
1454
1330
  .ui.inverted.primary.button:hover,
@@ -1458,9 +1334,8 @@
1458
1334
  .ui.inverted.primary.button.active,
1459
1335
  .ui.inverted.primary.buttons .button:active,
1460
1336
  .ui.inverted.primary.button:active {
1461
- -webkit-box-shadow: none;
1462
- box-shadow: none;
1463
- color: #FFFFFF;
1337
+ box-shadow: none;
1338
+ color: #fff;
1464
1339
  }
1465
1340
  .ui.inverted.primary.buttons .button:hover,
1466
1341
  .ui.inverted.primary.button:hover {
@@ -1484,37 +1359,32 @@
1484
1359
  .ui.inverted.primary.buttons .basic.button,
1485
1360
  .ui.inverted.primary.basic.button {
1486
1361
  background-color: transparent;
1487
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1488
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1489
- color: #FFFFFF;
1362
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1363
+ color: #fff;
1490
1364
  }
1491
1365
  .ui.inverted.primary.basic.buttons .button:hover,
1492
1366
  .ui.inverted.primary.buttons .basic.button:hover,
1493
1367
  .ui.inverted.primary.basic.button:hover {
1494
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1495
- box-shadow: 0 0 0 2px #21b8ff inset;
1496
- color: #54C8FF;
1368
+ box-shadow: 0 0 0 2px #21b8ff inset;
1369
+ color: #54c8ff;
1497
1370
  }
1498
1371
  .ui.inverted.primary.basic.buttons .button:focus,
1499
1372
  .ui.inverted.primary.basic.buttons .button:focus,
1500
1373
  .ui.inverted.primary.basic.button:focus {
1501
- -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
1502
- box-shadow: 0 0 0 2px #2bbbff inset;
1503
- color: #54C8FF;
1374
+ box-shadow: 0 0 0 2px #2bbbff inset;
1375
+ color: #54c8ff;
1504
1376
  }
1505
1377
  .ui.inverted.primary.basic.buttons .active.button,
1506
1378
  .ui.inverted.primary.buttons .basic.active.button,
1507
1379
  .ui.inverted.primary.basic.active.button {
1508
- -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
1509
- box-shadow: 0 0 0 2px #3ac0ff inset;
1510
- color: #54C8FF;
1380
+ box-shadow: 0 0 0 2px #3ac0ff inset;
1381
+ color: #54c8ff;
1511
1382
  }
1512
1383
  .ui.inverted.primary.basic.buttons .button:active,
1513
1384
  .ui.inverted.primary.buttons .basic.button:active,
1514
1385
  .ui.inverted.primary.basic.button:active {
1515
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1516
- box-shadow: 0 0 0 2px #21b8ff inset;
1517
- color: #54C8FF;
1386
+ box-shadow: 0 0 0 2px #21b8ff inset;
1387
+ color: #54c8ff;
1518
1388
  }
1519
1389
 
1520
1390
  /* Tertiary */
@@ -1522,22 +1392,19 @@
1522
1392
  .ui.tertiary.primary.buttons .tertiary.button,
1523
1393
  .ui.tertiary.primary.button {
1524
1394
  background: transparent;
1525
- -webkit-box-shadow: none;
1526
- box-shadow: none;
1527
- color: #2185D0;
1395
+ box-shadow: none;
1396
+ color: #2185d0;
1528
1397
  }
1529
1398
  .ui.tertiary.primary.buttons .button:hover,
1530
1399
  .ui.tertiary.primary.buttons button:hover,
1531
1400
  .ui.tertiary.primary.button:hover {
1532
- -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
1533
- box-shadow: inset 0 -0.2em 0 #2b75ac;
1401
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
1534
1402
  color: #2b75ac;
1535
1403
  }
1536
1404
  .ui.tertiary.primary.buttons .button:focus,
1537
1405
  .ui.tertiary.primary.buttons .tertiary.button:focus,
1538
1406
  .ui.tertiary.primary.button:focus {
1539
- -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
1540
- box-shadow: inset 0 -0.2em 0 #216ea7;
1407
+ box-shadow: inset 0 -0.2em 0 #216ea7;
1541
1408
  color: #216ea7;
1542
1409
  }
1543
1410
  .ui.tertiary.primary.buttons .active.button,
@@ -1546,37 +1413,35 @@
1546
1413
  .ui.tertiary.primary.buttons .button:active,
1547
1414
  .ui.tertiary.primary.buttons .tertiary.button:active,
1548
1415
  .ui.tertiary.primary.button:active {
1549
- -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
1550
- box-shadow: inset 0 -0.2em 0 #007bd8;
1416
+ box-shadow: inset 0 -0.2em 0 #007bd8;
1551
1417
  color: #1279c6;
1552
1418
  }
1553
1419
  .ui.secondary.buttons .button,
1554
1420
  .ui.secondary.button {
1555
- background-color: #1B1C1D;
1556
- color: #FFFFFF;
1421
+ background-color: #1b1c1d;
1422
+ color: #fff;
1557
1423
  text-shadow: none;
1558
1424
  background-image: none;
1559
1425
  }
1560
1426
  .ui.secondary.button {
1561
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1562
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1427
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1563
1428
  }
1564
1429
  .ui.secondary.buttons .button:hover,
1565
1430
  .ui.secondary.button:hover {
1566
1431
  background-color: #27292a;
1567
- color: #FFFFFF;
1432
+ color: #fff;
1568
1433
  text-shadow: none;
1569
1434
  }
1570
1435
  .ui.secondary.buttons .button:focus,
1571
1436
  .ui.secondary.button:focus {
1572
1437
  background-color: #2e3032;
1573
- color: #FFFFFF;
1438
+ color: #fff;
1574
1439
  text-shadow: none;
1575
1440
  }
1576
1441
  .ui.secondary.buttons .button:active,
1577
1442
  .ui.secondary.button:active {
1578
1443
  background-color: #343637;
1579
- color: #FFFFFF;
1444
+ color: #fff;
1580
1445
  text-shadow: none;
1581
1446
  }
1582
1447
  .ui.secondary.buttons .active.button,
@@ -1584,7 +1449,7 @@
1584
1449
  .ui.secondary.active.button,
1585
1450
  .ui.secondary.button .active.button:active {
1586
1451
  background-color: #27292a;
1587
- color: #FFFFFF;
1452
+ color: #fff;
1588
1453
  text-shadow: none;
1589
1454
  }
1590
1455
 
@@ -1592,35 +1457,30 @@
1592
1457
  .ui.basic.secondary.buttons .button,
1593
1458
  .ui.basic.secondary.button {
1594
1459
  background: transparent;
1595
- -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
1596
- box-shadow: 0 0 0 1px #1B1C1D inset;
1597
- color: #1B1C1D;
1460
+ box-shadow: 0 0 0 1px #1b1c1d inset;
1461
+ color: #1b1c1d;
1598
1462
  }
1599
1463
  .ui.basic.secondary.buttons .button:hover,
1600
1464
  .ui.basic.secondary.button:hover {
1601
1465
  background: transparent;
1602
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
1603
- box-shadow: 0 0 0 1px #27292a inset;
1466
+ box-shadow: 0 0 0 1px #27292a inset;
1604
1467
  color: #27292a;
1605
1468
  }
1606
1469
  .ui.basic.secondary.buttons .button:focus,
1607
1470
  .ui.basic.secondary.button:focus {
1608
1471
  background: transparent;
1609
- -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
1610
- box-shadow: 0 0 0 1px #2e3032 inset;
1472
+ box-shadow: 0 0 0 1px #2e3032 inset;
1611
1473
  color: #27292a;
1612
1474
  }
1613
1475
  .ui.basic.secondary.buttons .active.button,
1614
1476
  .ui.basic.secondary.active.button {
1615
1477
  background: transparent;
1616
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
1617
- box-shadow: 0 0 0 1px #27292a inset;
1478
+ box-shadow: 0 0 0 1px #27292a inset;
1618
1479
  color: #343637;
1619
1480
  }
1620
1481
  .ui.basic.secondary.buttons .button:active,
1621
1482
  .ui.basic.secondary.button:active {
1622
- -webkit-box-shadow: 0 0 0 1px #343637 inset;
1623
- box-shadow: 0 0 0 1px #343637 inset;
1483
+ box-shadow: 0 0 0 1px #343637 inset;
1624
1484
  color: #343637;
1625
1485
  }
1626
1486
 
@@ -1628,8 +1488,7 @@
1628
1488
  .ui.inverted.secondary.buttons .button,
1629
1489
  .ui.inverted.secondary.button {
1630
1490
  background-color: transparent;
1631
- -webkit-box-shadow: 0 0 0 2px #545454 inset;
1632
- box-shadow: 0 0 0 2px #545454 inset;
1491
+ box-shadow: 0 0 0 2px #545454 inset;
1633
1492
  color: #545454;
1634
1493
  }
1635
1494
  .ui.inverted.secondary.buttons .button:hover,
@@ -1640,9 +1499,8 @@
1640
1499
  .ui.inverted.secondary.button.active,
1641
1500
  .ui.inverted.secondary.buttons .button:active,
1642
1501
  .ui.inverted.secondary.button:active {
1643
- -webkit-box-shadow: none;
1644
- box-shadow: none;
1645
- color: #FFFFFF;
1502
+ box-shadow: none;
1503
+ color: #fff;
1646
1504
  }
1647
1505
  .ui.inverted.secondary.buttons .button:hover,
1648
1506
  .ui.inverted.secondary.button:hover {
@@ -1666,36 +1524,31 @@
1666
1524
  .ui.inverted.secondary.buttons .basic.button,
1667
1525
  .ui.inverted.secondary.basic.button {
1668
1526
  background-color: transparent;
1669
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1670
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1671
- color: #FFFFFF;
1527
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1528
+ color: #fff;
1672
1529
  }
1673
1530
  .ui.inverted.secondary.basic.buttons .button:hover,
1674
1531
  .ui.inverted.secondary.buttons .basic.button:hover,
1675
1532
  .ui.inverted.secondary.basic.button:hover {
1676
- -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1677
- box-shadow: 0 0 0 2px #6e6e6e inset;
1533
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1678
1534
  color: #545454;
1679
1535
  }
1680
1536
  .ui.inverted.secondary.basic.buttons .button:focus,
1681
1537
  .ui.inverted.secondary.basic.buttons .button:focus,
1682
1538
  .ui.inverted.secondary.basic.button:focus {
1683
- -webkit-box-shadow: 0 0 0 2px #686868 inset;
1684
- box-shadow: 0 0 0 2px #686868 inset;
1539
+ box-shadow: 0 0 0 2px #686868 inset;
1685
1540
  color: #545454;
1686
1541
  }
1687
1542
  .ui.inverted.secondary.basic.buttons .active.button,
1688
1543
  .ui.inverted.secondary.buttons .basic.active.button,
1689
1544
  .ui.inverted.secondary.basic.active.button {
1690
- -webkit-box-shadow: 0 0 0 2px #616161 inset;
1691
- box-shadow: 0 0 0 2px #616161 inset;
1545
+ box-shadow: 0 0 0 2px #616161 inset;
1692
1546
  color: #545454;
1693
1547
  }
1694
1548
  .ui.inverted.secondary.basic.buttons .button:active,
1695
1549
  .ui.inverted.secondary.buttons .basic.button:active,
1696
1550
  .ui.inverted.secondary.basic.button:active {
1697
- -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1698
- box-shadow: 0 0 0 2px #6e6e6e inset;
1551
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1699
1552
  color: #545454;
1700
1553
  }
1701
1554
 
@@ -1704,22 +1557,19 @@
1704
1557
  .ui.tertiary.secondary.buttons .tertiary.button,
1705
1558
  .ui.tertiary.secondary.button {
1706
1559
  background: transparent;
1707
- -webkit-box-shadow: none;
1708
- box-shadow: none;
1709
- color: #1B1C1D;
1560
+ box-shadow: none;
1561
+ color: #1b1c1d;
1710
1562
  }
1711
1563
  .ui.tertiary.secondary.buttons .button:hover,
1712
1564
  .ui.tertiary.secondary.buttons button:hover,
1713
1565
  .ui.tertiary.secondary.button:hover {
1714
- -webkit-box-shadow: inset 0 -0.2em 0 #292929;
1715
- box-shadow: inset 0 -0.2em 0 #292929;
1566
+ box-shadow: inset 0 -0.2em 0 #292929;
1716
1567
  color: #292929;
1717
1568
  }
1718
1569
  .ui.tertiary.secondary.buttons .button:focus,
1719
1570
  .ui.tertiary.secondary.buttons .tertiary.button:focus,
1720
1571
  .ui.tertiary.secondary.button:focus {
1721
- -webkit-box-shadow: inset 0 -0.2em 0 #303030;
1722
- box-shadow: inset 0 -0.2em 0 #303030;
1572
+ box-shadow: inset 0 -0.2em 0 #303030;
1723
1573
  color: #303030;
1724
1574
  }
1725
1575
  .ui.tertiary.secondary.buttons .active.button,
@@ -1728,37 +1578,35 @@
1728
1578
  .ui.tertiary.secondary.buttons .button:active,
1729
1579
  .ui.tertiary.secondary.buttons .tertiary.button:active,
1730
1580
  .ui.tertiary.secondary.button:active {
1731
- -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
1732
- box-shadow: inset 0 -0.2em 0 #1f2933;
1581
+ box-shadow: inset 0 -0.2em 0 #1f2933;
1733
1582
  color: #27292a;
1734
1583
  }
1735
1584
  .ui.red.buttons .button,
1736
1585
  .ui.red.button {
1737
- background-color: #DB2828;
1738
- color: #FFFFFF;
1586
+ background-color: #db2828;
1587
+ color: #fff;
1739
1588
  text-shadow: none;
1740
1589
  background-image: none;
1741
1590
  }
1742
1591
  .ui.red.button {
1743
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1744
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1592
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1745
1593
  }
1746
1594
  .ui.red.buttons .button:hover,
1747
1595
  .ui.red.button:hover {
1748
1596
  background-color: #d01919;
1749
- color: #FFFFFF;
1597
+ color: #fff;
1750
1598
  text-shadow: none;
1751
1599
  }
1752
1600
  .ui.red.buttons .button:focus,
1753
1601
  .ui.red.button:focus {
1754
1602
  background-color: #ca1010;
1755
- color: #FFFFFF;
1603
+ color: #fff;
1756
1604
  text-shadow: none;
1757
1605
  }
1758
1606
  .ui.red.buttons .button:active,
1759
1607
  .ui.red.button:active {
1760
1608
  background-color: #b21e1e;
1761
- color: #FFFFFF;
1609
+ color: #fff;
1762
1610
  text-shadow: none;
1763
1611
  }
1764
1612
  .ui.red.buttons .active.button,
@@ -1766,7 +1614,7 @@
1766
1614
  .ui.red.active.button,
1767
1615
  .ui.red.button .active.button:active {
1768
1616
  background-color: #d41515;
1769
- color: #FFFFFF;
1617
+ color: #fff;
1770
1618
  text-shadow: none;
1771
1619
  }
1772
1620
 
@@ -1774,35 +1622,30 @@
1774
1622
  .ui.basic.red.buttons .button,
1775
1623
  .ui.basic.red.button {
1776
1624
  background: transparent;
1777
- -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
1778
- box-shadow: 0 0 0 1px #DB2828 inset;
1779
- color: #DB2828;
1625
+ box-shadow: 0 0 0 1px #db2828 inset;
1626
+ color: #db2828;
1780
1627
  }
1781
1628
  .ui.basic.red.buttons .button:hover,
1782
1629
  .ui.basic.red.button:hover {
1783
1630
  background: transparent;
1784
- -webkit-box-shadow: 0 0 0 1px #d01919 inset;
1785
- box-shadow: 0 0 0 1px #d01919 inset;
1631
+ box-shadow: 0 0 0 1px #d01919 inset;
1786
1632
  color: #d01919;
1787
1633
  }
1788
1634
  .ui.basic.red.buttons .button:focus,
1789
1635
  .ui.basic.red.button:focus {
1790
1636
  background: transparent;
1791
- -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
1792
- box-shadow: 0 0 0 1px #ca1010 inset;
1637
+ box-shadow: 0 0 0 1px #ca1010 inset;
1793
1638
  color: #d01919;
1794
1639
  }
1795
1640
  .ui.basic.red.buttons .active.button,
1796
1641
  .ui.basic.red.active.button {
1797
1642
  background: transparent;
1798
- -webkit-box-shadow: 0 0 0 1px #d41515 inset;
1799
- box-shadow: 0 0 0 1px #d41515 inset;
1643
+ box-shadow: 0 0 0 1px #d41515 inset;
1800
1644
  color: #b21e1e;
1801
1645
  }
1802
1646
  .ui.basic.red.buttons .button:active,
1803
1647
  .ui.basic.red.button:active {
1804
- -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
1805
- box-shadow: 0 0 0 1px #b21e1e inset;
1648
+ box-shadow: 0 0 0 1px #b21e1e inset;
1806
1649
  color: #b21e1e;
1807
1650
  }
1808
1651
 
@@ -1810,9 +1653,8 @@
1810
1653
  .ui.inverted.red.buttons .button,
1811
1654
  .ui.inverted.red.button {
1812
1655
  background-color: transparent;
1813
- -webkit-box-shadow: 0 0 0 2px #FF695E inset;
1814
- box-shadow: 0 0 0 2px #FF695E inset;
1815
- color: #FF695E;
1656
+ box-shadow: 0 0 0 2px #ff695e inset;
1657
+ color: #ff695e;
1816
1658
  }
1817
1659
  .ui.inverted.red.buttons .button:hover,
1818
1660
  .ui.inverted.red.button:hover,
@@ -1822,9 +1664,8 @@
1822
1664
  .ui.inverted.red.button.active,
1823
1665
  .ui.inverted.red.buttons .button:active,
1824
1666
  .ui.inverted.red.button:active {
1825
- -webkit-box-shadow: none;
1826
- box-shadow: none;
1827
- color: #FFFFFF;
1667
+ box-shadow: none;
1668
+ color: #fff;
1828
1669
  }
1829
1670
  .ui.inverted.red.buttons .button:hover,
1830
1671
  .ui.inverted.red.button:hover {
@@ -1848,37 +1689,32 @@
1848
1689
  .ui.inverted.red.buttons .basic.button,
1849
1690
  .ui.inverted.red.basic.button {
1850
1691
  background-color: transparent;
1851
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1852
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1853
- color: #FFFFFF;
1692
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1693
+ color: #fff;
1854
1694
  }
1855
1695
  .ui.inverted.red.basic.buttons .button:hover,
1856
1696
  .ui.inverted.red.buttons .basic.button:hover,
1857
1697
  .ui.inverted.red.basic.button:hover {
1858
- -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1859
- box-shadow: 0 0 0 2px #ff392b inset;
1860
- color: #FF695E;
1698
+ box-shadow: 0 0 0 2px #ff392b inset;
1699
+ color: #ff695e;
1861
1700
  }
1862
1701
  .ui.inverted.red.basic.buttons .button:focus,
1863
1702
  .ui.inverted.red.basic.buttons .button:focus,
1864
1703
  .ui.inverted.red.basic.button:focus {
1865
- -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
1866
- box-shadow: 0 0 0 2px #ff4335 inset;
1867
- color: #FF695E;
1704
+ box-shadow: 0 0 0 2px #ff4335 inset;
1705
+ color: #ff695e;
1868
1706
  }
1869
1707
  .ui.inverted.red.basic.buttons .active.button,
1870
1708
  .ui.inverted.red.buttons .basic.active.button,
1871
1709
  .ui.inverted.red.basic.active.button {
1872
- -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
1873
- box-shadow: 0 0 0 2px #ff5144 inset;
1874
- color: #FF695E;
1710
+ box-shadow: 0 0 0 2px #ff5144 inset;
1711
+ color: #ff695e;
1875
1712
  }
1876
1713
  .ui.inverted.red.basic.buttons .button:active,
1877
1714
  .ui.inverted.red.buttons .basic.button:active,
1878
1715
  .ui.inverted.red.basic.button:active {
1879
- -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1880
- box-shadow: 0 0 0 2px #ff392b inset;
1881
- color: #FF695E;
1716
+ box-shadow: 0 0 0 2px #ff392b inset;
1717
+ color: #ff695e;
1882
1718
  }
1883
1719
 
1884
1720
  /* Tertiary */
@@ -1886,22 +1722,19 @@
1886
1722
  .ui.tertiary.red.buttons .tertiary.button,
1887
1723
  .ui.tertiary.red.button {
1888
1724
  background: transparent;
1889
- -webkit-box-shadow: none;
1890
- box-shadow: none;
1891
- color: #DB2828;
1725
+ box-shadow: none;
1726
+ color: #db2828;
1892
1727
  }
1893
1728
  .ui.tertiary.red.buttons .button:hover,
1894
1729
  .ui.tertiary.red.buttons button:hover,
1895
1730
  .ui.tertiary.red.button:hover {
1896
- -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
1897
- box-shadow: inset 0 -0.2em 0 #b93131;
1731
+ box-shadow: inset 0 -0.2em 0 #b93131;
1898
1732
  color: #b93131;
1899
1733
  }
1900
1734
  .ui.tertiary.red.buttons .button:focus,
1901
1735
  .ui.tertiary.red.buttons .tertiary.button:focus,
1902
1736
  .ui.tertiary.red.button:focus {
1903
- -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
1904
- box-shadow: inset 0 -0.2em 0 #b52626;
1737
+ box-shadow: inset 0 -0.2em 0 #b52626;
1905
1738
  color: #b52626;
1906
1739
  }
1907
1740
  .ui.tertiary.red.buttons .active.button,
@@ -1910,37 +1743,35 @@
1910
1743
  .ui.tertiary.red.buttons .button:active,
1911
1744
  .ui.tertiary.red.buttons .tertiary.button:active,
1912
1745
  .ui.tertiary.red.button:active {
1913
- -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
1914
- box-shadow: inset 0 -0.2em 0 #ea0000;
1746
+ box-shadow: inset 0 -0.2em 0 #ea0000;
1915
1747
  color: #d41515;
1916
1748
  }
1917
1749
  .ui.orange.buttons .button,
1918
1750
  .ui.orange.button {
1919
- background-color: #F2711C;
1920
- color: #FFFFFF;
1751
+ background-color: #f2711c;
1752
+ color: #fff;
1921
1753
  text-shadow: none;
1922
1754
  background-image: none;
1923
1755
  }
1924
1756
  .ui.orange.button {
1925
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1926
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1757
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1927
1758
  }
1928
1759
  .ui.orange.buttons .button:hover,
1929
1760
  .ui.orange.button:hover {
1930
1761
  background-color: #f26202;
1931
- color: #FFFFFF;
1762
+ color: #fff;
1932
1763
  text-shadow: none;
1933
1764
  }
1934
1765
  .ui.orange.buttons .button:focus,
1935
1766
  .ui.orange.button:focus {
1936
1767
  background-color: #e55b00;
1937
- color: #FFFFFF;
1768
+ color: #fff;
1938
1769
  text-shadow: none;
1939
1770
  }
1940
1771
  .ui.orange.buttons .button:active,
1941
1772
  .ui.orange.button:active {
1942
1773
  background-color: #cf590c;
1943
- color: #FFFFFF;
1774
+ color: #fff;
1944
1775
  text-shadow: none;
1945
1776
  }
1946
1777
  .ui.orange.buttons .active.button,
@@ -1948,7 +1779,7 @@
1948
1779
  .ui.orange.active.button,
1949
1780
  .ui.orange.button .active.button:active {
1950
1781
  background-color: #f56100;
1951
- color: #FFFFFF;
1782
+ color: #fff;
1952
1783
  text-shadow: none;
1953
1784
  }
1954
1785
 
@@ -1956,35 +1787,30 @@
1956
1787
  .ui.basic.orange.buttons .button,
1957
1788
  .ui.basic.orange.button {
1958
1789
  background: transparent;
1959
- -webkit-box-shadow: 0 0 0 1px #F2711C inset;
1960
- box-shadow: 0 0 0 1px #F2711C inset;
1961
- color: #F2711C;
1790
+ box-shadow: 0 0 0 1px #f2711c inset;
1791
+ color: #f2711c;
1962
1792
  }
1963
1793
  .ui.basic.orange.buttons .button:hover,
1964
1794
  .ui.basic.orange.button:hover {
1965
1795
  background: transparent;
1966
- -webkit-box-shadow: 0 0 0 1px #f26202 inset;
1967
- box-shadow: 0 0 0 1px #f26202 inset;
1796
+ box-shadow: 0 0 0 1px #f26202 inset;
1968
1797
  color: #f26202;
1969
1798
  }
1970
1799
  .ui.basic.orange.buttons .button:focus,
1971
1800
  .ui.basic.orange.button:focus {
1972
1801
  background: transparent;
1973
- -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
1974
- box-shadow: 0 0 0 1px #e55b00 inset;
1802
+ box-shadow: 0 0 0 1px #e55b00 inset;
1975
1803
  color: #f26202;
1976
1804
  }
1977
1805
  .ui.basic.orange.buttons .active.button,
1978
1806
  .ui.basic.orange.active.button {
1979
1807
  background: transparent;
1980
- -webkit-box-shadow: 0 0 0 1px #f56100 inset;
1981
- box-shadow: 0 0 0 1px #f56100 inset;
1808
+ box-shadow: 0 0 0 1px #f56100 inset;
1982
1809
  color: #cf590c;
1983
1810
  }
1984
1811
  .ui.basic.orange.buttons .button:active,
1985
1812
  .ui.basic.orange.button:active {
1986
- -webkit-box-shadow: 0 0 0 1px #cf590c inset;
1987
- box-shadow: 0 0 0 1px #cf590c inset;
1813
+ box-shadow: 0 0 0 1px #cf590c inset;
1988
1814
  color: #cf590c;
1989
1815
  }
1990
1816
 
@@ -1992,9 +1818,8 @@
1992
1818
  .ui.inverted.orange.buttons .button,
1993
1819
  .ui.inverted.orange.button {
1994
1820
  background-color: transparent;
1995
- -webkit-box-shadow: 0 0 0 2px #FF851B inset;
1996
- box-shadow: 0 0 0 2px #FF851B inset;
1997
- color: #FF851B;
1821
+ box-shadow: 0 0 0 2px #ff851b inset;
1822
+ color: #ff851b;
1998
1823
  }
1999
1824
  .ui.inverted.orange.buttons .button:hover,
2000
1825
  .ui.inverted.orange.button:hover,
@@ -2004,9 +1829,8 @@
2004
1829
  .ui.inverted.orange.button.active,
2005
1830
  .ui.inverted.orange.buttons .button:active,
2006
1831
  .ui.inverted.orange.button:active {
2007
- -webkit-box-shadow: none;
2008
- box-shadow: none;
2009
- color: #FFFFFF;
1832
+ box-shadow: none;
1833
+ color: #fff;
2010
1834
  }
2011
1835
  .ui.inverted.orange.buttons .button:hover,
2012
1836
  .ui.inverted.orange.button:hover {
@@ -2030,37 +1854,32 @@
2030
1854
  .ui.inverted.orange.buttons .basic.button,
2031
1855
  .ui.inverted.orange.basic.button {
2032
1856
  background-color: transparent;
2033
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2034
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2035
- color: #FFFFFF;
1857
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1858
+ color: #fff;
2036
1859
  }
2037
1860
  .ui.inverted.orange.basic.buttons .button:hover,
2038
1861
  .ui.inverted.orange.buttons .basic.button:hover,
2039
1862
  .ui.inverted.orange.basic.button:hover {
2040
- -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2041
- box-shadow: 0 0 0 2px #e76b00 inset;
2042
- color: #FF851B;
1863
+ box-shadow: 0 0 0 2px #e76b00 inset;
1864
+ color: #ff851b;
2043
1865
  }
2044
1866
  .ui.inverted.orange.basic.buttons .button:focus,
2045
1867
  .ui.inverted.orange.basic.buttons .button:focus,
2046
1868
  .ui.inverted.orange.basic.button:focus {
2047
- -webkit-box-shadow: 0 0 0 2px #f17000 inset;
2048
- box-shadow: 0 0 0 2px #f17000 inset;
2049
- color: #FF851B;
1869
+ box-shadow: 0 0 0 2px #f17000 inset;
1870
+ color: #ff851b;
2050
1871
  }
2051
1872
  .ui.inverted.orange.basic.buttons .active.button,
2052
1873
  .ui.inverted.orange.buttons .basic.active.button,
2053
1874
  .ui.inverted.orange.basic.active.button {
2054
- -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
2055
- box-shadow: 0 0 0 2px #ff7701 inset;
2056
- color: #FF851B;
1875
+ box-shadow: 0 0 0 2px #ff7701 inset;
1876
+ color: #ff851b;
2057
1877
  }
2058
1878
  .ui.inverted.orange.basic.buttons .button:active,
2059
1879
  .ui.inverted.orange.buttons .basic.button:active,
2060
1880
  .ui.inverted.orange.basic.button:active {
2061
- -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2062
- box-shadow: 0 0 0 2px #e76b00 inset;
2063
- color: #FF851B;
1881
+ box-shadow: 0 0 0 2px #e76b00 inset;
1882
+ color: #ff851b;
2064
1883
  }
2065
1884
 
2066
1885
  /* Tertiary */
@@ -2068,22 +1887,19 @@
2068
1887
  .ui.tertiary.orange.buttons .tertiary.button,
2069
1888
  .ui.tertiary.orange.button {
2070
1889
  background: transparent;
2071
- -webkit-box-shadow: none;
2072
- box-shadow: none;
2073
- color: #F2711C;
1890
+ box-shadow: none;
1891
+ color: #f2711c;
2074
1892
  }
2075
1893
  .ui.tertiary.orange.buttons .button:hover,
2076
1894
  .ui.tertiary.orange.buttons button:hover,
2077
1895
  .ui.tertiary.orange.button:hover {
2078
- -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
2079
- box-shadow: inset 0 -0.2em 0 #da671b;
1896
+ box-shadow: inset 0 -0.2em 0 #da671b;
2080
1897
  color: #da671b;
2081
1898
  }
2082
1899
  .ui.tertiary.orange.buttons .button:focus,
2083
1900
  .ui.tertiary.orange.buttons .tertiary.button:focus,
2084
1901
  .ui.tertiary.orange.button:focus {
2085
- -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
2086
- box-shadow: inset 0 -0.2em 0 #ce6017;
1902
+ box-shadow: inset 0 -0.2em 0 #ce6017;
2087
1903
  color: #ce6017;
2088
1904
  }
2089
1905
  .ui.tertiary.orange.buttons .active.button,
@@ -2092,37 +1908,35 @@
2092
1908
  .ui.tertiary.orange.buttons .button:active,
2093
1909
  .ui.tertiary.orange.buttons .tertiary.button:active,
2094
1910
  .ui.tertiary.orange.button:active {
2095
- -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
2096
- box-shadow: inset 0 -0.2em 0 #f56100;
1911
+ box-shadow: inset 0 -0.2em 0 #f56100;
2097
1912
  color: #f56100;
2098
1913
  }
2099
1914
  .ui.yellow.buttons .button,
2100
1915
  .ui.yellow.button {
2101
- background-color: #FBBD08;
2102
- color: #FFFFFF;
1916
+ background-color: #fbbd08;
1917
+ color: #fff;
2103
1918
  text-shadow: none;
2104
1919
  background-image: none;
2105
1920
  }
2106
1921
  .ui.yellow.button {
2107
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2108
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1922
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2109
1923
  }
2110
1924
  .ui.yellow.buttons .button:hover,
2111
1925
  .ui.yellow.button:hover {
2112
1926
  background-color: #eaae00;
2113
- color: #FFFFFF;
1927
+ color: #fff;
2114
1928
  text-shadow: none;
2115
1929
  }
2116
1930
  .ui.yellow.buttons .button:focus,
2117
1931
  .ui.yellow.button:focus {
2118
1932
  background-color: #daa300;
2119
- color: #FFFFFF;
1933
+ color: #fff;
2120
1934
  text-shadow: none;
2121
1935
  }
2122
1936
  .ui.yellow.buttons .button:active,
2123
1937
  .ui.yellow.button:active {
2124
1938
  background-color: #cd9903;
2125
- color: #FFFFFF;
1939
+ color: #fff;
2126
1940
  text-shadow: none;
2127
1941
  }
2128
1942
  .ui.yellow.buttons .active.button,
@@ -2130,7 +1944,7 @@
2130
1944
  .ui.yellow.active.button,
2131
1945
  .ui.yellow.button .active.button:active {
2132
1946
  background-color: #eaae00;
2133
- color: #FFFFFF;
1947
+ color: #fff;
2134
1948
  text-shadow: none;
2135
1949
  }
2136
1950
 
@@ -2138,35 +1952,30 @@
2138
1952
  .ui.basic.yellow.buttons .button,
2139
1953
  .ui.basic.yellow.button {
2140
1954
  background: transparent;
2141
- -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
2142
- box-shadow: 0 0 0 1px #FBBD08 inset;
2143
- color: #FBBD08;
1955
+ box-shadow: 0 0 0 1px #fbbd08 inset;
1956
+ color: #fbbd08;
2144
1957
  }
2145
1958
  .ui.basic.yellow.buttons .button:hover,
2146
1959
  .ui.basic.yellow.button:hover {
2147
1960
  background: transparent;
2148
- -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2149
- box-shadow: 0 0 0 1px #eaae00 inset;
1961
+ box-shadow: 0 0 0 1px #eaae00 inset;
2150
1962
  color: #eaae00;
2151
1963
  }
2152
1964
  .ui.basic.yellow.buttons .button:focus,
2153
1965
  .ui.basic.yellow.button:focus {
2154
1966
  background: transparent;
2155
- -webkit-box-shadow: 0 0 0 1px #daa300 inset;
2156
- box-shadow: 0 0 0 1px #daa300 inset;
1967
+ box-shadow: 0 0 0 1px #daa300 inset;
2157
1968
  color: #eaae00;
2158
1969
  }
2159
1970
  .ui.basic.yellow.buttons .active.button,
2160
1971
  .ui.basic.yellow.active.button {
2161
1972
  background: transparent;
2162
- -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2163
- box-shadow: 0 0 0 1px #eaae00 inset;
1973
+ box-shadow: 0 0 0 1px #eaae00 inset;
2164
1974
  color: #cd9903;
2165
1975
  }
2166
1976
  .ui.basic.yellow.buttons .button:active,
2167
1977
  .ui.basic.yellow.button:active {
2168
- -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
2169
- box-shadow: 0 0 0 1px #cd9903 inset;
1978
+ box-shadow: 0 0 0 1px #cd9903 inset;
2170
1979
  color: #cd9903;
2171
1980
  }
2172
1981
 
@@ -2174,9 +1983,8 @@
2174
1983
  .ui.inverted.yellow.buttons .button,
2175
1984
  .ui.inverted.yellow.button {
2176
1985
  background-color: transparent;
2177
- -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
2178
- box-shadow: 0 0 0 2px #FFE21F inset;
2179
- color: #FFE21F;
1986
+ box-shadow: 0 0 0 2px #ffe21f inset;
1987
+ color: #ffe21f;
2180
1988
  }
2181
1989
  .ui.inverted.yellow.buttons .button:hover,
2182
1990
  .ui.inverted.yellow.button:hover,
@@ -2186,8 +1994,7 @@
2186
1994
  .ui.inverted.yellow.button.active,
2187
1995
  .ui.inverted.yellow.buttons .button:active,
2188
1996
  .ui.inverted.yellow.button:active {
2189
- -webkit-box-shadow: none;
2190
- box-shadow: none;
1997
+ box-shadow: none;
2191
1998
  color: rgba(0, 0, 0, 0.6);
2192
1999
  }
2193
2000
  .ui.inverted.yellow.buttons .button:hover,
@@ -2212,37 +2019,32 @@
2212
2019
  .ui.inverted.yellow.buttons .basic.button,
2213
2020
  .ui.inverted.yellow.basic.button {
2214
2021
  background-color: transparent;
2215
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2216
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2217
- color: #FFFFFF;
2022
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2023
+ color: #fff;
2218
2024
  }
2219
2025
  .ui.inverted.yellow.basic.buttons .button:hover,
2220
2026
  .ui.inverted.yellow.buttons .basic.button:hover,
2221
2027
  .ui.inverted.yellow.basic.button:hover {
2222
- -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2223
- box-shadow: 0 0 0 2px #ebcd00 inset;
2224
- color: #FFE21F;
2028
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2029
+ color: #ffe21f;
2225
2030
  }
2226
2031
  .ui.inverted.yellow.basic.buttons .button:focus,
2227
2032
  .ui.inverted.yellow.basic.buttons .button:focus,
2228
2033
  .ui.inverted.yellow.basic.button:focus {
2229
- -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
2230
- box-shadow: 0 0 0 2px #f5d500 inset;
2231
- color: #FFE21F;
2034
+ box-shadow: 0 0 0 2px #f5d500 inset;
2035
+ color: #ffe21f;
2232
2036
  }
2233
2037
  .ui.inverted.yellow.basic.buttons .active.button,
2234
2038
  .ui.inverted.yellow.buttons .basic.active.button,
2235
2039
  .ui.inverted.yellow.basic.active.button {
2236
- -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
2237
- box-shadow: 0 0 0 2px #ffdf05 inset;
2238
- color: #FFE21F;
2040
+ box-shadow: 0 0 0 2px #ffdf05 inset;
2041
+ color: #ffe21f;
2239
2042
  }
2240
2043
  .ui.inverted.yellow.basic.buttons .button:active,
2241
2044
  .ui.inverted.yellow.buttons .basic.button:active,
2242
2045
  .ui.inverted.yellow.basic.button:active {
2243
- -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2244
- box-shadow: 0 0 0 2px #ebcd00 inset;
2245
- color: #FFE21F;
2046
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2047
+ color: #ffe21f;
2246
2048
  }
2247
2049
 
2248
2050
  /* Tertiary */
@@ -2250,22 +2052,19 @@
2250
2052
  .ui.tertiary.yellow.buttons .tertiary.button,
2251
2053
  .ui.tertiary.yellow.button {
2252
2054
  background: transparent;
2253
- -webkit-box-shadow: none;
2254
- box-shadow: none;
2255
- color: #FBBD08;
2055
+ box-shadow: none;
2056
+ color: #fbbd08;
2256
2057
  }
2257
2058
  .ui.tertiary.yellow.buttons .button:hover,
2258
2059
  .ui.tertiary.yellow.buttons button:hover,
2259
2060
  .ui.tertiary.yellow.button:hover {
2260
- -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
2261
- box-shadow: inset 0 -0.2em 0 #d2a217;
2061
+ box-shadow: inset 0 -0.2em 0 #d2a217;
2262
2062
  color: #d2a217;
2263
2063
  }
2264
2064
  .ui.tertiary.yellow.buttons .button:focus,
2265
2065
  .ui.tertiary.yellow.buttons .tertiary.button:focus,
2266
2066
  .ui.tertiary.yellow.button:focus {
2267
- -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
2268
- box-shadow: inset 0 -0.2em 0 #c49816;
2067
+ box-shadow: inset 0 -0.2em 0 #c49816;
2269
2068
  color: #c49816;
2270
2069
  }
2271
2070
  .ui.tertiary.yellow.buttons .active.button,
@@ -2274,37 +2073,35 @@
2274
2073
  .ui.tertiary.yellow.buttons .button:active,
2275
2074
  .ui.tertiary.yellow.buttons .tertiary.button:active,
2276
2075
  .ui.tertiary.yellow.button:active {
2277
- -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
2278
- box-shadow: inset 0 -0.2em 0 #eaae00;
2076
+ box-shadow: inset 0 -0.2em 0 #eaae00;
2279
2077
  color: #eaae00;
2280
2078
  }
2281
2079
  .ui.olive.buttons .button,
2282
2080
  .ui.olive.button {
2283
- background-color: #B5CC18;
2284
- color: #FFFFFF;
2081
+ background-color: #b5cc18;
2082
+ color: #fff;
2285
2083
  text-shadow: none;
2286
2084
  background-image: none;
2287
2085
  }
2288
2086
  .ui.olive.button {
2289
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2290
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2087
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2291
2088
  }
2292
2089
  .ui.olive.buttons .button:hover,
2293
2090
  .ui.olive.button:hover {
2294
2091
  background-color: #a7bd0d;
2295
- color: #FFFFFF;
2092
+ color: #fff;
2296
2093
  text-shadow: none;
2297
2094
  }
2298
2095
  .ui.olive.buttons .button:focus,
2299
2096
  .ui.olive.button:focus {
2300
2097
  background-color: #a0b605;
2301
- color: #FFFFFF;
2098
+ color: #fff;
2302
2099
  text-shadow: none;
2303
2100
  }
2304
2101
  .ui.olive.buttons .button:active,
2305
2102
  .ui.olive.button:active {
2306
2103
  background-color: #8d9e13;
2307
- color: #FFFFFF;
2104
+ color: #fff;
2308
2105
  text-shadow: none;
2309
2106
  }
2310
2107
  .ui.olive.buttons .active.button,
@@ -2312,7 +2109,7 @@
2312
2109
  .ui.olive.active.button,
2313
2110
  .ui.olive.button .active.button:active {
2314
2111
  background-color: #aac109;
2315
- color: #FFFFFF;
2112
+ color: #fff;
2316
2113
  text-shadow: none;
2317
2114
  }
2318
2115
 
@@ -2320,35 +2117,30 @@
2320
2117
  .ui.basic.olive.buttons .button,
2321
2118
  .ui.basic.olive.button {
2322
2119
  background: transparent;
2323
- -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
2324
- box-shadow: 0 0 0 1px #B5CC18 inset;
2325
- color: #B5CC18;
2120
+ box-shadow: 0 0 0 1px #b5cc18 inset;
2121
+ color: #b5cc18;
2326
2122
  }
2327
2123
  .ui.basic.olive.buttons .button:hover,
2328
2124
  .ui.basic.olive.button:hover {
2329
2125
  background: transparent;
2330
- -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
2331
- box-shadow: 0 0 0 1px #a7bd0d inset;
2126
+ box-shadow: 0 0 0 1px #a7bd0d inset;
2332
2127
  color: #a7bd0d;
2333
2128
  }
2334
2129
  .ui.basic.olive.buttons .button:focus,
2335
2130
  .ui.basic.olive.button:focus {
2336
2131
  background: transparent;
2337
- -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
2338
- box-shadow: 0 0 0 1px #a0b605 inset;
2132
+ box-shadow: 0 0 0 1px #a0b605 inset;
2339
2133
  color: #a7bd0d;
2340
2134
  }
2341
2135
  .ui.basic.olive.buttons .active.button,
2342
2136
  .ui.basic.olive.active.button {
2343
2137
  background: transparent;
2344
- -webkit-box-shadow: 0 0 0 1px #aac109 inset;
2345
- box-shadow: 0 0 0 1px #aac109 inset;
2138
+ box-shadow: 0 0 0 1px #aac109 inset;
2346
2139
  color: #8d9e13;
2347
2140
  }
2348
2141
  .ui.basic.olive.buttons .button:active,
2349
2142
  .ui.basic.olive.button:active {
2350
- -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
2351
- box-shadow: 0 0 0 1px #8d9e13 inset;
2143
+ box-shadow: 0 0 0 1px #8d9e13 inset;
2352
2144
  color: #8d9e13;
2353
2145
  }
2354
2146
 
@@ -2356,9 +2148,8 @@
2356
2148
  .ui.inverted.olive.buttons .button,
2357
2149
  .ui.inverted.olive.button {
2358
2150
  background-color: transparent;
2359
- -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
2360
- box-shadow: 0 0 0 2px #D9E778 inset;
2361
- color: #D9E778;
2151
+ box-shadow: 0 0 0 2px #d9e778 inset;
2152
+ color: #d9e778;
2362
2153
  }
2363
2154
  .ui.inverted.olive.buttons .button:hover,
2364
2155
  .ui.inverted.olive.button:hover,
@@ -2368,8 +2159,7 @@
2368
2159
  .ui.inverted.olive.button.active,
2369
2160
  .ui.inverted.olive.buttons .button:active,
2370
2161
  .ui.inverted.olive.button:active {
2371
- -webkit-box-shadow: none;
2372
- box-shadow: none;
2162
+ box-shadow: none;
2373
2163
  color: rgba(0, 0, 0, 0.6);
2374
2164
  }
2375
2165
  .ui.inverted.olive.buttons .button:hover,
@@ -2394,37 +2184,32 @@
2394
2184
  .ui.inverted.olive.buttons .basic.button,
2395
2185
  .ui.inverted.olive.basic.button {
2396
2186
  background-color: transparent;
2397
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2398
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2399
- color: #FFFFFF;
2187
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2188
+ color: #fff;
2400
2189
  }
2401
2190
  .ui.inverted.olive.basic.buttons .button:hover,
2402
2191
  .ui.inverted.olive.buttons .basic.button:hover,
2403
2192
  .ui.inverted.olive.basic.button:hover {
2404
- -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
2405
- box-shadow: 0 0 0 2px #d2e745 inset;
2406
- color: #D9E778;
2193
+ box-shadow: 0 0 0 2px #d2e745 inset;
2194
+ color: #d9e778;
2407
2195
  }
2408
2196
  .ui.inverted.olive.basic.buttons .button:focus,
2409
2197
  .ui.inverted.olive.basic.buttons .button:focus,
2410
2198
  .ui.inverted.olive.basic.button:focus {
2411
- -webkit-box-shadow: 0 0 0 2px #daef47 inset;
2412
- box-shadow: 0 0 0 2px #daef47 inset;
2413
- color: #D9E778;
2199
+ box-shadow: 0 0 0 2px #daef47 inset;
2200
+ color: #d9e778;
2414
2201
  }
2415
2202
  .ui.inverted.olive.basic.buttons .active.button,
2416
2203
  .ui.inverted.olive.buttons .basic.active.button,
2417
2204
  .ui.inverted.olive.basic.active.button {
2418
- -webkit-box-shadow: 0 0 0 2px #daed59 inset;
2419
- box-shadow: 0 0 0 2px #daed59 inset;
2420
- color: #D9E778;
2205
+ box-shadow: 0 0 0 2px #daed59 inset;
2206
+ color: #d9e778;
2421
2207
  }
2422
2208
  .ui.inverted.olive.basic.buttons .button:active,
2423
2209
  .ui.inverted.olive.buttons .basic.button:active,
2424
2210
  .ui.inverted.olive.basic.button:active {
2425
- -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
2426
- box-shadow: 0 0 0 2px #cddf4d inset;
2427
- color: #D9E778;
2211
+ box-shadow: 0 0 0 2px #cddf4d inset;
2212
+ color: #d9e778;
2428
2213
  }
2429
2214
 
2430
2215
  /* Tertiary */
@@ -2432,22 +2217,19 @@
2432
2217
  .ui.tertiary.olive.buttons .tertiary.button,
2433
2218
  .ui.tertiary.olive.button {
2434
2219
  background: transparent;
2435
- -webkit-box-shadow: none;
2436
- box-shadow: none;
2437
- color: #B5CC18;
2220
+ box-shadow: none;
2221
+ color: #b5cc18;
2438
2222
  }
2439
2223
  .ui.tertiary.olive.buttons .button:hover,
2440
2224
  .ui.tertiary.olive.buttons button:hover,
2441
2225
  .ui.tertiary.olive.button:hover {
2442
- -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
2443
- box-shadow: inset 0 -0.2em 0 #98a922;
2226
+ box-shadow: inset 0 -0.2em 0 #98a922;
2444
2227
  color: #98a922;
2445
2228
  }
2446
2229
  .ui.tertiary.olive.buttons .button:focus,
2447
2230
  .ui.tertiary.olive.buttons .tertiary.button:focus,
2448
2231
  .ui.tertiary.olive.button:focus {
2449
- -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
2450
- box-shadow: inset 0 -0.2em 0 #92a418;
2232
+ box-shadow: inset 0 -0.2em 0 #92a418;
2451
2233
  color: #92a418;
2452
2234
  }
2453
2235
  .ui.tertiary.olive.buttons .active.button,
@@ -2456,37 +2238,35 @@
2456
2238
  .ui.tertiary.olive.buttons .button:active,
2457
2239
  .ui.tertiary.olive.buttons .tertiary.button:active,
2458
2240
  .ui.tertiary.olive.button:active {
2459
- -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
2460
- box-shadow: inset 0 -0.2em 0 #b1cb00;
2241
+ box-shadow: inset 0 -0.2em 0 #b1cb00;
2461
2242
  color: #aac109;
2462
2243
  }
2463
2244
  .ui.green.buttons .button,
2464
2245
  .ui.green.button {
2465
- background-color: #21BA45;
2466
- color: #FFFFFF;
2246
+ background-color: #21ba45;
2247
+ color: #fff;
2467
2248
  text-shadow: none;
2468
2249
  background-image: none;
2469
2250
  }
2470
2251
  .ui.green.button {
2471
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2472
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2252
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2473
2253
  }
2474
2254
  .ui.green.buttons .button:hover,
2475
2255
  .ui.green.button:hover {
2476
2256
  background-color: #16ab39;
2477
- color: #FFFFFF;
2257
+ color: #fff;
2478
2258
  text-shadow: none;
2479
2259
  }
2480
2260
  .ui.green.buttons .button:focus,
2481
2261
  .ui.green.button:focus {
2482
2262
  background-color: #0ea432;
2483
- color: #FFFFFF;
2263
+ color: #fff;
2484
2264
  text-shadow: none;
2485
2265
  }
2486
2266
  .ui.green.buttons .button:active,
2487
2267
  .ui.green.button:active {
2488
2268
  background-color: #198f35;
2489
- color: #FFFFFF;
2269
+ color: #fff;
2490
2270
  text-shadow: none;
2491
2271
  }
2492
2272
  .ui.green.buttons .active.button,
@@ -2494,7 +2274,7 @@
2494
2274
  .ui.green.active.button,
2495
2275
  .ui.green.button .active.button:active {
2496
2276
  background-color: #13ae38;
2497
- color: #FFFFFF;
2277
+ color: #fff;
2498
2278
  text-shadow: none;
2499
2279
  }
2500
2280
 
@@ -2502,35 +2282,30 @@
2502
2282
  .ui.basic.green.buttons .button,
2503
2283
  .ui.basic.green.button {
2504
2284
  background: transparent;
2505
- -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
2506
- box-shadow: 0 0 0 1px #21BA45 inset;
2507
- color: #21BA45;
2285
+ box-shadow: 0 0 0 1px #21ba45 inset;
2286
+ color: #21ba45;
2508
2287
  }
2509
2288
  .ui.basic.green.buttons .button:hover,
2510
2289
  .ui.basic.green.button:hover {
2511
2290
  background: transparent;
2512
- -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
2513
- box-shadow: 0 0 0 1px #16ab39 inset;
2291
+ box-shadow: 0 0 0 1px #16ab39 inset;
2514
2292
  color: #16ab39;
2515
2293
  }
2516
2294
  .ui.basic.green.buttons .button:focus,
2517
2295
  .ui.basic.green.button:focus {
2518
2296
  background: transparent;
2519
- -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
2520
- box-shadow: 0 0 0 1px #0ea432 inset;
2297
+ box-shadow: 0 0 0 1px #0ea432 inset;
2521
2298
  color: #16ab39;
2522
2299
  }
2523
2300
  .ui.basic.green.buttons .active.button,
2524
2301
  .ui.basic.green.active.button {
2525
2302
  background: transparent;
2526
- -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
2527
- box-shadow: 0 0 0 1px #13ae38 inset;
2303
+ box-shadow: 0 0 0 1px #13ae38 inset;
2528
2304
  color: #198f35;
2529
2305
  }
2530
2306
  .ui.basic.green.buttons .button:active,
2531
2307
  .ui.basic.green.button:active {
2532
- -webkit-box-shadow: 0 0 0 1px #198f35 inset;
2533
- box-shadow: 0 0 0 1px #198f35 inset;
2308
+ box-shadow: 0 0 0 1px #198f35 inset;
2534
2309
  color: #198f35;
2535
2310
  }
2536
2311
 
@@ -2538,9 +2313,8 @@
2538
2313
  .ui.inverted.green.buttons .button,
2539
2314
  .ui.inverted.green.button {
2540
2315
  background-color: transparent;
2541
- -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
2542
- box-shadow: 0 0 0 2px #2ECC40 inset;
2543
- color: #2ECC40;
2316
+ box-shadow: 0 0 0 2px #2ecc40 inset;
2317
+ color: #2ecc40;
2544
2318
  }
2545
2319
  .ui.inverted.green.buttons .button:hover,
2546
2320
  .ui.inverted.green.button:hover,
@@ -2550,9 +2324,8 @@
2550
2324
  .ui.inverted.green.button.active,
2551
2325
  .ui.inverted.green.buttons .button:active,
2552
2326
  .ui.inverted.green.button:active {
2553
- -webkit-box-shadow: none;
2554
- box-shadow: none;
2555
- color: #FFFFFF;
2327
+ box-shadow: none;
2328
+ color: #fff;
2556
2329
  }
2557
2330
  .ui.inverted.green.buttons .button:hover,
2558
2331
  .ui.inverted.green.button:hover {
@@ -2576,37 +2349,32 @@
2576
2349
  .ui.inverted.green.buttons .basic.button,
2577
2350
  .ui.inverted.green.basic.button {
2578
2351
  background-color: transparent;
2579
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2580
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2581
- color: #FFFFFF;
2352
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2353
+ color: #fff;
2582
2354
  }
2583
2355
  .ui.inverted.green.basic.buttons .button:hover,
2584
2356
  .ui.inverted.green.buttons .basic.button:hover,
2585
2357
  .ui.inverted.green.basic.button:hover {
2586
- -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
2587
- box-shadow: 0 0 0 2px #1ea92e inset;
2588
- color: #2ECC40;
2358
+ box-shadow: 0 0 0 2px #1ea92e inset;
2359
+ color: #2ecc40;
2589
2360
  }
2590
2361
  .ui.inverted.green.basic.buttons .button:focus,
2591
2362
  .ui.inverted.green.basic.buttons .button:focus,
2592
2363
  .ui.inverted.green.basic.button:focus {
2593
- -webkit-box-shadow: 0 0 0 2px #19b82b inset;
2594
- box-shadow: 0 0 0 2px #19b82b inset;
2595
- color: #2ECC40;
2364
+ box-shadow: 0 0 0 2px #19b82b inset;
2365
+ color: #2ecc40;
2596
2366
  }
2597
2367
  .ui.inverted.green.basic.buttons .active.button,
2598
2368
  .ui.inverted.green.buttons .basic.active.button,
2599
2369
  .ui.inverted.green.basic.active.button {
2600
- -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
2601
- box-shadow: 0 0 0 2px #1fc231 inset;
2602
- color: #2ECC40;
2370
+ box-shadow: 0 0 0 2px #1fc231 inset;
2371
+ color: #2ecc40;
2603
2372
  }
2604
2373
  .ui.inverted.green.basic.buttons .button:active,
2605
2374
  .ui.inverted.green.buttons .basic.button:active,
2606
2375
  .ui.inverted.green.basic.button:active {
2607
- -webkit-box-shadow: 0 0 0 2px #25a233 inset;
2608
- box-shadow: 0 0 0 2px #25a233 inset;
2609
- color: #2ECC40;
2376
+ box-shadow: 0 0 0 2px #25a233 inset;
2377
+ color: #2ecc40;
2610
2378
  }
2611
2379
 
2612
2380
  /* Tertiary */
@@ -2614,22 +2382,19 @@
2614
2382
  .ui.tertiary.green.buttons .tertiary.button,
2615
2383
  .ui.tertiary.green.button {
2616
2384
  background: transparent;
2617
- -webkit-box-shadow: none;
2618
- box-shadow: none;
2619
- color: #21BA45;
2385
+ box-shadow: none;
2386
+ color: #21ba45;
2620
2387
  }
2621
2388
  .ui.tertiary.green.buttons .button:hover,
2622
2389
  .ui.tertiary.green.buttons button:hover,
2623
2390
  .ui.tertiary.green.button:hover {
2624
- -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
2625
- box-shadow: inset 0 -0.2em 0 #2a9844;
2391
+ box-shadow: inset 0 -0.2em 0 #2a9844;
2626
2392
  color: #2a9844;
2627
2393
  }
2628
2394
  .ui.tertiary.green.buttons .button:focus,
2629
2395
  .ui.tertiary.green.buttons .tertiary.button:focus,
2630
2396
  .ui.tertiary.green.button:focus {
2631
- -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
2632
- box-shadow: inset 0 -0.2em 0 #20923b;
2397
+ box-shadow: inset 0 -0.2em 0 #20923b;
2633
2398
  color: #20923b;
2634
2399
  }
2635
2400
  .ui.tertiary.green.buttons .active.button,
@@ -2638,37 +2403,35 @@
2638
2403
  .ui.tertiary.green.buttons .button:active,
2639
2404
  .ui.tertiary.green.buttons .tertiary.button:active,
2640
2405
  .ui.tertiary.green.button:active {
2641
- -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
2642
- box-shadow: inset 0 -0.2em 0 #00c22e;
2406
+ box-shadow: inset 0 -0.2em 0 #00c22e;
2643
2407
  color: #13ae38;
2644
2408
  }
2645
2409
  .ui.teal.buttons .button,
2646
2410
  .ui.teal.button {
2647
- background-color: #00B5AD;
2648
- color: #FFFFFF;
2411
+ background-color: #00b5ad;
2412
+ color: #fff;
2649
2413
  text-shadow: none;
2650
2414
  background-image: none;
2651
2415
  }
2652
2416
  .ui.teal.button {
2653
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2654
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2417
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2655
2418
  }
2656
2419
  .ui.teal.buttons .button:hover,
2657
2420
  .ui.teal.button:hover {
2658
2421
  background-color: #009c95;
2659
- color: #FFFFFF;
2422
+ color: #fff;
2660
2423
  text-shadow: none;
2661
2424
  }
2662
2425
  .ui.teal.buttons .button:focus,
2663
2426
  .ui.teal.button:focus {
2664
2427
  background-color: #008c86;
2665
- color: #FFFFFF;
2428
+ color: #fff;
2666
2429
  text-shadow: none;
2667
2430
  }
2668
2431
  .ui.teal.buttons .button:active,
2669
2432
  .ui.teal.button:active {
2670
2433
  background-color: #00827c;
2671
- color: #FFFFFF;
2434
+ color: #fff;
2672
2435
  text-shadow: none;
2673
2436
  }
2674
2437
  .ui.teal.buttons .active.button,
@@ -2676,7 +2439,7 @@
2676
2439
  .ui.teal.active.button,
2677
2440
  .ui.teal.button .active.button:active {
2678
2441
  background-color: #009c95;
2679
- color: #FFFFFF;
2442
+ color: #fff;
2680
2443
  text-shadow: none;
2681
2444
  }
2682
2445
 
@@ -2684,35 +2447,30 @@
2684
2447
  .ui.basic.teal.buttons .button,
2685
2448
  .ui.basic.teal.button {
2686
2449
  background: transparent;
2687
- -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
2688
- box-shadow: 0 0 0 1px #00B5AD inset;
2689
- color: #00B5AD;
2450
+ box-shadow: 0 0 0 1px #00b5ad inset;
2451
+ color: #00b5ad;
2690
2452
  }
2691
2453
  .ui.basic.teal.buttons .button:hover,
2692
2454
  .ui.basic.teal.button:hover {
2693
2455
  background: transparent;
2694
- -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2695
- box-shadow: 0 0 0 1px #009c95 inset;
2456
+ box-shadow: 0 0 0 1px #009c95 inset;
2696
2457
  color: #009c95;
2697
2458
  }
2698
2459
  .ui.basic.teal.buttons .button:focus,
2699
2460
  .ui.basic.teal.button:focus {
2700
2461
  background: transparent;
2701
- -webkit-box-shadow: 0 0 0 1px #008c86 inset;
2702
- box-shadow: 0 0 0 1px #008c86 inset;
2462
+ box-shadow: 0 0 0 1px #008c86 inset;
2703
2463
  color: #009c95;
2704
2464
  }
2705
2465
  .ui.basic.teal.buttons .active.button,
2706
2466
  .ui.basic.teal.active.button {
2707
2467
  background: transparent;
2708
- -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2709
- box-shadow: 0 0 0 1px #009c95 inset;
2468
+ box-shadow: 0 0 0 1px #009c95 inset;
2710
2469
  color: #00827c;
2711
2470
  }
2712
2471
  .ui.basic.teal.buttons .button:active,
2713
2472
  .ui.basic.teal.button:active {
2714
- -webkit-box-shadow: 0 0 0 1px #00827c inset;
2715
- box-shadow: 0 0 0 1px #00827c inset;
2473
+ box-shadow: 0 0 0 1px #00827c inset;
2716
2474
  color: #00827c;
2717
2475
  }
2718
2476
 
@@ -2720,9 +2478,8 @@
2720
2478
  .ui.inverted.teal.buttons .button,
2721
2479
  .ui.inverted.teal.button {
2722
2480
  background-color: transparent;
2723
- -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
2724
- box-shadow: 0 0 0 2px #6DFFFF inset;
2725
- color: #6DFFFF;
2481
+ box-shadow: 0 0 0 2px #6dffff inset;
2482
+ color: #6dffff;
2726
2483
  }
2727
2484
  .ui.inverted.teal.buttons .button:hover,
2728
2485
  .ui.inverted.teal.button:hover,
@@ -2732,8 +2489,7 @@
2732
2489
  .ui.inverted.teal.button.active,
2733
2490
  .ui.inverted.teal.buttons .button:active,
2734
2491
  .ui.inverted.teal.button:active {
2735
- -webkit-box-shadow: none;
2736
- box-shadow: none;
2492
+ box-shadow: none;
2737
2493
  color: rgba(0, 0, 0, 0.6);
2738
2494
  }
2739
2495
  .ui.inverted.teal.buttons .button:hover,
@@ -2758,37 +2514,32 @@
2758
2514
  .ui.inverted.teal.buttons .basic.button,
2759
2515
  .ui.inverted.teal.basic.button {
2760
2516
  background-color: transparent;
2761
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2762
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2763
- color: #FFFFFF;
2517
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2518
+ color: #fff;
2764
2519
  }
2765
2520
  .ui.inverted.teal.basic.buttons .button:hover,
2766
2521
  .ui.inverted.teal.buttons .basic.button:hover,
2767
2522
  .ui.inverted.teal.basic.button:hover {
2768
- -webkit-box-shadow: 0 0 0 2px #3affff inset;
2769
- box-shadow: 0 0 0 2px #3affff inset;
2770
- color: #6DFFFF;
2523
+ box-shadow: 0 0 0 2px #3affff inset;
2524
+ color: #6dffff;
2771
2525
  }
2772
2526
  .ui.inverted.teal.basic.buttons .button:focus,
2773
2527
  .ui.inverted.teal.basic.buttons .button:focus,
2774
2528
  .ui.inverted.teal.basic.button:focus {
2775
- -webkit-box-shadow: 0 0 0 2px #44ffff inset;
2776
- box-shadow: 0 0 0 2px #44ffff inset;
2777
- color: #6DFFFF;
2529
+ box-shadow: 0 0 0 2px #44ffff inset;
2530
+ color: #6dffff;
2778
2531
  }
2779
2532
  .ui.inverted.teal.basic.buttons .active.button,
2780
2533
  .ui.inverted.teal.buttons .basic.active.button,
2781
2534
  .ui.inverted.teal.basic.active.button {
2782
- -webkit-box-shadow: 0 0 0 2px #54ffff inset;
2783
- box-shadow: 0 0 0 2px #54ffff inset;
2784
- color: #6DFFFF;
2535
+ box-shadow: 0 0 0 2px #54ffff inset;
2536
+ color: #6dffff;
2785
2537
  }
2786
2538
  .ui.inverted.teal.basic.buttons .button:active,
2787
2539
  .ui.inverted.teal.buttons .basic.button:active,
2788
2540
  .ui.inverted.teal.basic.button:active {
2789
- -webkit-box-shadow: 0 0 0 2px #3affff inset;
2790
- box-shadow: 0 0 0 2px #3affff inset;
2791
- color: #6DFFFF;
2541
+ box-shadow: 0 0 0 2px #3affff inset;
2542
+ color: #6dffff;
2792
2543
  }
2793
2544
 
2794
2545
  /* Tertiary */
@@ -2796,22 +2547,19 @@
2796
2547
  .ui.tertiary.teal.buttons .tertiary.button,
2797
2548
  .ui.tertiary.teal.button {
2798
2549
  background: transparent;
2799
- -webkit-box-shadow: none;
2800
- box-shadow: none;
2801
- color: #00B5AD;
2550
+ box-shadow: none;
2551
+ color: #00b5ad;
2802
2552
  }
2803
2553
  .ui.tertiary.teal.buttons .button:hover,
2804
2554
  .ui.tertiary.teal.buttons button:hover,
2805
2555
  .ui.tertiary.teal.button:hover {
2806
- -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
2807
- box-shadow: inset 0 -0.2em 0 #108c86;
2556
+ box-shadow: inset 0 -0.2em 0 #108c86;
2808
2557
  color: #108c86;
2809
2558
  }
2810
2559
  .ui.tertiary.teal.buttons .button:focus,
2811
2560
  .ui.tertiary.teal.buttons .tertiary.button:focus,
2812
2561
  .ui.tertiary.teal.button:focus {
2813
- -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
2814
- box-shadow: inset 0 -0.2em 0 #0e7e79;
2562
+ box-shadow: inset 0 -0.2em 0 #0e7e79;
2815
2563
  color: #0e7e79;
2816
2564
  }
2817
2565
  .ui.tertiary.teal.buttons .active.button,
@@ -2820,37 +2568,35 @@
2820
2568
  .ui.tertiary.teal.buttons .button:active,
2821
2569
  .ui.tertiary.teal.buttons .tertiary.button:active,
2822
2570
  .ui.tertiary.teal.button:active {
2823
- -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
2824
- box-shadow: inset 0 -0.2em 0 #009c95;
2571
+ box-shadow: inset 0 -0.2em 0 #009c95;
2825
2572
  color: #009c95;
2826
2573
  }
2827
2574
  .ui.blue.buttons .button,
2828
2575
  .ui.blue.button {
2829
- background-color: #2185D0;
2830
- color: #FFFFFF;
2576
+ background-color: #2185d0;
2577
+ color: #fff;
2831
2578
  text-shadow: none;
2832
2579
  background-image: none;
2833
2580
  }
2834
2581
  .ui.blue.button {
2835
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2836
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2582
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2837
2583
  }
2838
2584
  .ui.blue.buttons .button:hover,
2839
2585
  .ui.blue.button:hover {
2840
2586
  background-color: #1678c2;
2841
- color: #FFFFFF;
2587
+ color: #fff;
2842
2588
  text-shadow: none;
2843
2589
  }
2844
2590
  .ui.blue.buttons .button:focus,
2845
2591
  .ui.blue.button:focus {
2846
2592
  background-color: #0d71bb;
2847
- color: #FFFFFF;
2593
+ color: #fff;
2848
2594
  text-shadow: none;
2849
2595
  }
2850
2596
  .ui.blue.buttons .button:active,
2851
2597
  .ui.blue.button:active {
2852
2598
  background-color: #1a69a4;
2853
- color: #FFFFFF;
2599
+ color: #fff;
2854
2600
  text-shadow: none;
2855
2601
  }
2856
2602
  .ui.blue.buttons .active.button,
@@ -2858,7 +2604,7 @@
2858
2604
  .ui.blue.active.button,
2859
2605
  .ui.blue.button .active.button:active {
2860
2606
  background-color: #1279c6;
2861
- color: #FFFFFF;
2607
+ color: #fff;
2862
2608
  text-shadow: none;
2863
2609
  }
2864
2610
 
@@ -2866,35 +2612,30 @@
2866
2612
  .ui.basic.blue.buttons .button,
2867
2613
  .ui.basic.blue.button {
2868
2614
  background: transparent;
2869
- -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
2870
- box-shadow: 0 0 0 1px #2185D0 inset;
2871
- color: #2185D0;
2615
+ box-shadow: 0 0 0 1px #2185d0 inset;
2616
+ color: #2185d0;
2872
2617
  }
2873
2618
  .ui.basic.blue.buttons .button:hover,
2874
2619
  .ui.basic.blue.button:hover {
2875
2620
  background: transparent;
2876
- -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
2877
- box-shadow: 0 0 0 1px #1678c2 inset;
2621
+ box-shadow: 0 0 0 1px #1678c2 inset;
2878
2622
  color: #1678c2;
2879
2623
  }
2880
2624
  .ui.basic.blue.buttons .button:focus,
2881
2625
  .ui.basic.blue.button:focus {
2882
2626
  background: transparent;
2883
- -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
2884
- box-shadow: 0 0 0 1px #0d71bb inset;
2627
+ box-shadow: 0 0 0 1px #0d71bb inset;
2885
2628
  color: #1678c2;
2886
2629
  }
2887
2630
  .ui.basic.blue.buttons .active.button,
2888
2631
  .ui.basic.blue.active.button {
2889
2632
  background: transparent;
2890
- -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
2891
- box-shadow: 0 0 0 1px #1279c6 inset;
2633
+ box-shadow: 0 0 0 1px #1279c6 inset;
2892
2634
  color: #1a69a4;
2893
2635
  }
2894
2636
  .ui.basic.blue.buttons .button:active,
2895
2637
  .ui.basic.blue.button:active {
2896
- -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
2897
- box-shadow: 0 0 0 1px #1a69a4 inset;
2638
+ box-shadow: 0 0 0 1px #1a69a4 inset;
2898
2639
  color: #1a69a4;
2899
2640
  }
2900
2641
 
@@ -2902,9 +2643,8 @@
2902
2643
  .ui.inverted.blue.buttons .button,
2903
2644
  .ui.inverted.blue.button {
2904
2645
  background-color: transparent;
2905
- -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
2906
- box-shadow: 0 0 0 2px #54C8FF inset;
2907
- color: #54C8FF;
2646
+ box-shadow: 0 0 0 2px #54c8ff inset;
2647
+ color: #54c8ff;
2908
2648
  }
2909
2649
  .ui.inverted.blue.buttons .button:hover,
2910
2650
  .ui.inverted.blue.button:hover,
@@ -2914,9 +2654,8 @@
2914
2654
  .ui.inverted.blue.button.active,
2915
2655
  .ui.inverted.blue.buttons .button:active,
2916
2656
  .ui.inverted.blue.button:active {
2917
- -webkit-box-shadow: none;
2918
- box-shadow: none;
2919
- color: #FFFFFF;
2657
+ box-shadow: none;
2658
+ color: #fff;
2920
2659
  }
2921
2660
  .ui.inverted.blue.buttons .button:hover,
2922
2661
  .ui.inverted.blue.button:hover {
@@ -2940,37 +2679,32 @@
2940
2679
  .ui.inverted.blue.buttons .basic.button,
2941
2680
  .ui.inverted.blue.basic.button {
2942
2681
  background-color: transparent;
2943
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2944
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2945
- color: #FFFFFF;
2682
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2683
+ color: #fff;
2946
2684
  }
2947
2685
  .ui.inverted.blue.basic.buttons .button:hover,
2948
2686
  .ui.inverted.blue.buttons .basic.button:hover,
2949
2687
  .ui.inverted.blue.basic.button:hover {
2950
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2951
- box-shadow: 0 0 0 2px #21b8ff inset;
2952
- color: #54C8FF;
2688
+ box-shadow: 0 0 0 2px #21b8ff inset;
2689
+ color: #54c8ff;
2953
2690
  }
2954
2691
  .ui.inverted.blue.basic.buttons .button:focus,
2955
2692
  .ui.inverted.blue.basic.buttons .button:focus,
2956
2693
  .ui.inverted.blue.basic.button:focus {
2957
- -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
2958
- box-shadow: 0 0 0 2px #2bbbff inset;
2959
- color: #54C8FF;
2694
+ box-shadow: 0 0 0 2px #2bbbff inset;
2695
+ color: #54c8ff;
2960
2696
  }
2961
2697
  .ui.inverted.blue.basic.buttons .active.button,
2962
2698
  .ui.inverted.blue.buttons .basic.active.button,
2963
2699
  .ui.inverted.blue.basic.active.button {
2964
- -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
2965
- box-shadow: 0 0 0 2px #3ac0ff inset;
2966
- color: #54C8FF;
2700
+ box-shadow: 0 0 0 2px #3ac0ff inset;
2701
+ color: #54c8ff;
2967
2702
  }
2968
2703
  .ui.inverted.blue.basic.buttons .button:active,
2969
2704
  .ui.inverted.blue.buttons .basic.button:active,
2970
2705
  .ui.inverted.blue.basic.button:active {
2971
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2972
- box-shadow: 0 0 0 2px #21b8ff inset;
2973
- color: #54C8FF;
2706
+ box-shadow: 0 0 0 2px #21b8ff inset;
2707
+ color: #54c8ff;
2974
2708
  }
2975
2709
 
2976
2710
  /* Tertiary */
@@ -2978,22 +2712,19 @@
2978
2712
  .ui.tertiary.blue.buttons .tertiary.button,
2979
2713
  .ui.tertiary.blue.button {
2980
2714
  background: transparent;
2981
- -webkit-box-shadow: none;
2982
- box-shadow: none;
2983
- color: #2185D0;
2715
+ box-shadow: none;
2716
+ color: #2185d0;
2984
2717
  }
2985
2718
  .ui.tertiary.blue.buttons .button:hover,
2986
2719
  .ui.tertiary.blue.buttons button:hover,
2987
2720
  .ui.tertiary.blue.button:hover {
2988
- -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
2989
- box-shadow: inset 0 -0.2em 0 #2b75ac;
2721
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
2990
2722
  color: #2b75ac;
2991
2723
  }
2992
2724
  .ui.tertiary.blue.buttons .button:focus,
2993
2725
  .ui.tertiary.blue.buttons .tertiary.button:focus,
2994
2726
  .ui.tertiary.blue.button:focus {
2995
- -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
2996
- box-shadow: inset 0 -0.2em 0 #216ea7;
2727
+ box-shadow: inset 0 -0.2em 0 #216ea7;
2997
2728
  color: #216ea7;
2998
2729
  }
2999
2730
  .ui.tertiary.blue.buttons .active.button,
@@ -3002,37 +2733,35 @@
3002
2733
  .ui.tertiary.blue.buttons .button:active,
3003
2734
  .ui.tertiary.blue.buttons .tertiary.button:active,
3004
2735
  .ui.tertiary.blue.button:active {
3005
- -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
3006
- box-shadow: inset 0 -0.2em 0 #007bd8;
2736
+ box-shadow: inset 0 -0.2em 0 #007bd8;
3007
2737
  color: #1279c6;
3008
2738
  }
3009
2739
  .ui.violet.buttons .button,
3010
2740
  .ui.violet.button {
3011
- background-color: #6435C9;
3012
- color: #FFFFFF;
2741
+ background-color: #6435c9;
2742
+ color: #fff;
3013
2743
  text-shadow: none;
3014
2744
  background-image: none;
3015
2745
  }
3016
2746
  .ui.violet.button {
3017
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3018
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2747
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3019
2748
  }
3020
2749
  .ui.violet.buttons .button:hover,
3021
2750
  .ui.violet.button:hover {
3022
2751
  background-color: #5829bb;
3023
- color: #FFFFFF;
2752
+ color: #fff;
3024
2753
  text-shadow: none;
3025
2754
  }
3026
2755
  .ui.violet.buttons .button:focus,
3027
2756
  .ui.violet.button:focus {
3028
2757
  background-color: #4f20b5;
3029
- color: #FFFFFF;
2758
+ color: #fff;
3030
2759
  text-shadow: none;
3031
2760
  }
3032
2761
  .ui.violet.buttons .button:active,
3033
2762
  .ui.violet.button:active {
3034
2763
  background-color: #502aa1;
3035
- color: #FFFFFF;
2764
+ color: #fff;
3036
2765
  text-shadow: none;
3037
2766
  }
3038
2767
  .ui.violet.buttons .active.button,
@@ -3040,7 +2769,7 @@
3040
2769
  .ui.violet.active.button,
3041
2770
  .ui.violet.button .active.button:active {
3042
2771
  background-color: #5626bf;
3043
- color: #FFFFFF;
2772
+ color: #fff;
3044
2773
  text-shadow: none;
3045
2774
  }
3046
2775
 
@@ -3048,35 +2777,30 @@
3048
2777
  .ui.basic.violet.buttons .button,
3049
2778
  .ui.basic.violet.button {
3050
2779
  background: transparent;
3051
- -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
3052
- box-shadow: 0 0 0 1px #6435C9 inset;
3053
- color: #6435C9;
2780
+ box-shadow: 0 0 0 1px #6435c9 inset;
2781
+ color: #6435c9;
3054
2782
  }
3055
2783
  .ui.basic.violet.buttons .button:hover,
3056
2784
  .ui.basic.violet.button:hover {
3057
2785
  background: transparent;
3058
- -webkit-box-shadow: 0 0 0 1px #5829bb inset;
3059
- box-shadow: 0 0 0 1px #5829bb inset;
2786
+ box-shadow: 0 0 0 1px #5829bb inset;
3060
2787
  color: #5829bb;
3061
2788
  }
3062
2789
  .ui.basic.violet.buttons .button:focus,
3063
2790
  .ui.basic.violet.button:focus {
3064
2791
  background: transparent;
3065
- -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
3066
- box-shadow: 0 0 0 1px #4f20b5 inset;
2792
+ box-shadow: 0 0 0 1px #4f20b5 inset;
3067
2793
  color: #5829bb;
3068
2794
  }
3069
2795
  .ui.basic.violet.buttons .active.button,
3070
2796
  .ui.basic.violet.active.button {
3071
2797
  background: transparent;
3072
- -webkit-box-shadow: 0 0 0 1px #5626bf inset;
3073
- box-shadow: 0 0 0 1px #5626bf inset;
2798
+ box-shadow: 0 0 0 1px #5626bf inset;
3074
2799
  color: #502aa1;
3075
2800
  }
3076
2801
  .ui.basic.violet.buttons .button:active,
3077
2802
  .ui.basic.violet.button:active {
3078
- -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
3079
- box-shadow: 0 0 0 1px #502aa1 inset;
2803
+ box-shadow: 0 0 0 1px #502aa1 inset;
3080
2804
  color: #502aa1;
3081
2805
  }
3082
2806
 
@@ -3084,9 +2808,8 @@
3084
2808
  .ui.inverted.violet.buttons .button,
3085
2809
  .ui.inverted.violet.button {
3086
2810
  background-color: transparent;
3087
- -webkit-box-shadow: 0 0 0 2px #A291FB inset;
3088
- box-shadow: 0 0 0 2px #A291FB inset;
3089
- color: #A291FB;
2811
+ box-shadow: 0 0 0 2px #a291fb inset;
2812
+ color: #a291fb;
3090
2813
  }
3091
2814
  .ui.inverted.violet.buttons .button:hover,
3092
2815
  .ui.inverted.violet.button:hover,
@@ -3096,9 +2819,8 @@
3096
2819
  .ui.inverted.violet.button.active,
3097
2820
  .ui.inverted.violet.buttons .button:active,
3098
2821
  .ui.inverted.violet.button:active {
3099
- -webkit-box-shadow: none;
3100
- box-shadow: none;
3101
- color: #FFFFFF;
2822
+ box-shadow: none;
2823
+ color: #fff;
3102
2824
  }
3103
2825
  .ui.inverted.violet.buttons .button:hover,
3104
2826
  .ui.inverted.violet.button:hover {
@@ -3122,37 +2844,32 @@
3122
2844
  .ui.inverted.violet.buttons .basic.button,
3123
2845
  .ui.inverted.violet.basic.button {
3124
2846
  background-color: transparent;
3125
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3126
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3127
- color: #FFFFFF;
2847
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2848
+ color: #fff;
3128
2849
  }
3129
2850
  .ui.inverted.violet.basic.buttons .button:hover,
3130
2851
  .ui.inverted.violet.buttons .basic.button:hover,
3131
2852
  .ui.inverted.violet.basic.button:hover {
3132
- -webkit-box-shadow: 0 0 0 2px #745aff inset;
3133
- box-shadow: 0 0 0 2px #745aff inset;
3134
- color: #A291FB;
2853
+ box-shadow: 0 0 0 2px #745aff inset;
2854
+ color: #a291fb;
3135
2855
  }
3136
2856
  .ui.inverted.violet.basic.buttons .button:focus,
3137
2857
  .ui.inverted.violet.basic.buttons .button:focus,
3138
2858
  .ui.inverted.violet.basic.button:focus {
3139
- -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
3140
- box-shadow: 0 0 0 2px #7d64ff inset;
3141
- color: #A291FB;
2859
+ box-shadow: 0 0 0 2px #7d64ff inset;
2860
+ color: #a291fb;
3142
2861
  }
3143
2862
  .ui.inverted.violet.basic.buttons .active.button,
3144
2863
  .ui.inverted.violet.buttons .basic.active.button,
3145
2864
  .ui.inverted.violet.basic.active.button {
3146
- -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
3147
- box-shadow: 0 0 0 2px #8a73ff inset;
3148
- color: #A291FB;
2865
+ box-shadow: 0 0 0 2px #8a73ff inset;
2866
+ color: #a291fb;
3149
2867
  }
3150
2868
  .ui.inverted.violet.basic.buttons .button:active,
3151
2869
  .ui.inverted.violet.buttons .basic.button:active,
3152
2870
  .ui.inverted.violet.basic.button:active {
3153
- -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
3154
- box-shadow: 0 0 0 2px #7860f9 inset;
3155
- color: #A291FB;
2871
+ box-shadow: 0 0 0 2px #7860f9 inset;
2872
+ color: #a291fb;
3156
2873
  }
3157
2874
 
3158
2875
  /* Tertiary */
@@ -3160,22 +2877,19 @@
3160
2877
  .ui.tertiary.violet.buttons .tertiary.button,
3161
2878
  .ui.tertiary.violet.button {
3162
2879
  background: transparent;
3163
- -webkit-box-shadow: none;
3164
- box-shadow: none;
3165
- color: #6435C9;
2880
+ box-shadow: none;
2881
+ color: #6435c9;
3166
2882
  }
3167
2883
  .ui.tertiary.violet.buttons .button:hover,
3168
2884
  .ui.tertiary.violet.buttons button:hover,
3169
2885
  .ui.tertiary.violet.button:hover {
3170
- -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
3171
- box-shadow: inset 0 -0.2em 0 #6040a5;
2886
+ box-shadow: inset 0 -0.2em 0 #6040a5;
3172
2887
  color: #6040a5;
3173
2888
  }
3174
2889
  .ui.tertiary.violet.buttons .button:focus,
3175
2890
  .ui.tertiary.violet.buttons .tertiary.button:focus,
3176
2891
  .ui.tertiary.violet.button:focus {
3177
- -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
3178
- box-shadow: inset 0 -0.2em 0 #5735a0;
2892
+ box-shadow: inset 0 -0.2em 0 #5735a0;
3179
2893
  color: #5735a0;
3180
2894
  }
3181
2895
  .ui.tertiary.violet.buttons .active.button,
@@ -3184,37 +2898,35 @@
3184
2898
  .ui.tertiary.violet.buttons .button:active,
3185
2899
  .ui.tertiary.violet.buttons .tertiary.button:active,
3186
2900
  .ui.tertiary.violet.button:active {
3187
- -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
3188
- box-shadow: inset 0 -0.2em 0 #4e0fd6;
2901
+ box-shadow: inset 0 -0.2em 0 #4e0fd6;
3189
2902
  color: #5626bf;
3190
2903
  }
3191
2904
  .ui.purple.buttons .button,
3192
2905
  .ui.purple.button {
3193
- background-color: #A333C8;
3194
- color: #FFFFFF;
2906
+ background-color: #a333c8;
2907
+ color: #fff;
3195
2908
  text-shadow: none;
3196
2909
  background-image: none;
3197
2910
  }
3198
2911
  .ui.purple.button {
3199
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3200
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2912
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3201
2913
  }
3202
2914
  .ui.purple.buttons .button:hover,
3203
2915
  .ui.purple.button:hover {
3204
2916
  background-color: #9627ba;
3205
- color: #FFFFFF;
2917
+ color: #fff;
3206
2918
  text-shadow: none;
3207
2919
  }
3208
2920
  .ui.purple.buttons .button:focus,
3209
2921
  .ui.purple.button:focus {
3210
2922
  background-color: #8f1eb4;
3211
- color: #FFFFFF;
2923
+ color: #fff;
3212
2924
  text-shadow: none;
3213
2925
  }
3214
2926
  .ui.purple.buttons .button:active,
3215
2927
  .ui.purple.button:active {
3216
2928
  background-color: #82299f;
3217
- color: #FFFFFF;
2929
+ color: #fff;
3218
2930
  text-shadow: none;
3219
2931
  }
3220
2932
  .ui.purple.buttons .active.button,
@@ -3222,7 +2934,7 @@
3222
2934
  .ui.purple.active.button,
3223
2935
  .ui.purple.button .active.button:active {
3224
2936
  background-color: #9724be;
3225
- color: #FFFFFF;
2937
+ color: #fff;
3226
2938
  text-shadow: none;
3227
2939
  }
3228
2940
 
@@ -3230,35 +2942,30 @@
3230
2942
  .ui.basic.purple.buttons .button,
3231
2943
  .ui.basic.purple.button {
3232
2944
  background: transparent;
3233
- -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
3234
- box-shadow: 0 0 0 1px #A333C8 inset;
3235
- color: #A333C8;
2945
+ box-shadow: 0 0 0 1px #a333c8 inset;
2946
+ color: #a333c8;
3236
2947
  }
3237
2948
  .ui.basic.purple.buttons .button:hover,
3238
2949
  .ui.basic.purple.button:hover {
3239
2950
  background: transparent;
3240
- -webkit-box-shadow: 0 0 0 1px #9627ba inset;
3241
- box-shadow: 0 0 0 1px #9627ba inset;
2951
+ box-shadow: 0 0 0 1px #9627ba inset;
3242
2952
  color: #9627ba;
3243
2953
  }
3244
2954
  .ui.basic.purple.buttons .button:focus,
3245
2955
  .ui.basic.purple.button:focus {
3246
2956
  background: transparent;
3247
- -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
3248
- box-shadow: 0 0 0 1px #8f1eb4 inset;
2957
+ box-shadow: 0 0 0 1px #8f1eb4 inset;
3249
2958
  color: #9627ba;
3250
2959
  }
3251
2960
  .ui.basic.purple.buttons .active.button,
3252
2961
  .ui.basic.purple.active.button {
3253
2962
  background: transparent;
3254
- -webkit-box-shadow: 0 0 0 1px #9724be inset;
3255
- box-shadow: 0 0 0 1px #9724be inset;
2963
+ box-shadow: 0 0 0 1px #9724be inset;
3256
2964
  color: #82299f;
3257
2965
  }
3258
2966
  .ui.basic.purple.buttons .button:active,
3259
2967
  .ui.basic.purple.button:active {
3260
- -webkit-box-shadow: 0 0 0 1px #82299f inset;
3261
- box-shadow: 0 0 0 1px #82299f inset;
2968
+ box-shadow: 0 0 0 1px #82299f inset;
3262
2969
  color: #82299f;
3263
2970
  }
3264
2971
 
@@ -3266,9 +2973,8 @@
3266
2973
  .ui.inverted.purple.buttons .button,
3267
2974
  .ui.inverted.purple.button {
3268
2975
  background-color: transparent;
3269
- -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
3270
- box-shadow: 0 0 0 2px #DC73FF inset;
3271
- color: #DC73FF;
2976
+ box-shadow: 0 0 0 2px #dc73ff inset;
2977
+ color: #dc73ff;
3272
2978
  }
3273
2979
  .ui.inverted.purple.buttons .button:hover,
3274
2980
  .ui.inverted.purple.button:hover,
@@ -3278,9 +2984,8 @@
3278
2984
  .ui.inverted.purple.button.active,
3279
2985
  .ui.inverted.purple.buttons .button:active,
3280
2986
  .ui.inverted.purple.button:active {
3281
- -webkit-box-shadow: none;
3282
- box-shadow: none;
3283
- color: #FFFFFF;
2987
+ box-shadow: none;
2988
+ color: #fff;
3284
2989
  }
3285
2990
  .ui.inverted.purple.buttons .button:hover,
3286
2991
  .ui.inverted.purple.button:hover {
@@ -3304,37 +3009,32 @@
3304
3009
  .ui.inverted.purple.buttons .basic.button,
3305
3010
  .ui.inverted.purple.basic.button {
3306
3011
  background-color: transparent;
3307
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3308
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3309
- color: #FFFFFF;
3012
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3013
+ color: #fff;
3310
3014
  }
3311
3015
  .ui.inverted.purple.basic.buttons .button:hover,
3312
3016
  .ui.inverted.purple.buttons .basic.button:hover,
3313
3017
  .ui.inverted.purple.basic.button:hover {
3314
- -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3315
- box-shadow: 0 0 0 2px #cf40ff inset;
3316
- color: #DC73FF;
3018
+ box-shadow: 0 0 0 2px #cf40ff inset;
3019
+ color: #dc73ff;
3317
3020
  }
3318
3021
  .ui.inverted.purple.basic.buttons .button:focus,
3319
3022
  .ui.inverted.purple.basic.buttons .button:focus,
3320
3023
  .ui.inverted.purple.basic.button:focus {
3321
- -webkit-box-shadow: 0 0 0 2px #d24aff inset;
3322
- box-shadow: 0 0 0 2px #d24aff inset;
3323
- color: #DC73FF;
3024
+ box-shadow: 0 0 0 2px #d24aff inset;
3025
+ color: #dc73ff;
3324
3026
  }
3325
3027
  .ui.inverted.purple.basic.buttons .active.button,
3326
3028
  .ui.inverted.purple.buttons .basic.active.button,
3327
3029
  .ui.inverted.purple.basic.active.button {
3328
- -webkit-box-shadow: 0 0 0 2px #d65aff inset;
3329
- box-shadow: 0 0 0 2px #d65aff inset;
3330
- color: #DC73FF;
3030
+ box-shadow: 0 0 0 2px #d65aff inset;
3031
+ color: #dc73ff;
3331
3032
  }
3332
3033
  .ui.inverted.purple.basic.buttons .button:active,
3333
3034
  .ui.inverted.purple.buttons .basic.button:active,
3334
3035
  .ui.inverted.purple.basic.button:active {
3335
- -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3336
- box-shadow: 0 0 0 2px #cf40ff inset;
3337
- color: #DC73FF;
3036
+ box-shadow: 0 0 0 2px #cf40ff inset;
3037
+ color: #dc73ff;
3338
3038
  }
3339
3039
 
3340
3040
  /* Tertiary */
@@ -3342,22 +3042,19 @@
3342
3042
  .ui.tertiary.purple.buttons .tertiary.button,
3343
3043
  .ui.tertiary.purple.button {
3344
3044
  background: transparent;
3345
- -webkit-box-shadow: none;
3346
- box-shadow: none;
3347
- color: #A333C8;
3045
+ box-shadow: none;
3046
+ color: #a333c8;
3348
3047
  }
3349
3048
  .ui.tertiary.purple.buttons .button:hover,
3350
3049
  .ui.tertiary.purple.buttons button:hover,
3351
3050
  .ui.tertiary.purple.button:hover {
3352
- -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
3353
- box-shadow: inset 0 -0.2em 0 #8a3ea4;
3051
+ box-shadow: inset 0 -0.2em 0 #8a3ea4;
3354
3052
  color: #8a3ea4;
3355
3053
  }
3356
3054
  .ui.tertiary.purple.buttons .button:focus,
3357
3055
  .ui.tertiary.purple.buttons .tertiary.button:focus,
3358
3056
  .ui.tertiary.purple.button:focus {
3359
- -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
3360
- box-shadow: inset 0 -0.2em 0 #84339f;
3057
+ box-shadow: inset 0 -0.2em 0 #84339f;
3361
3058
  color: #84339f;
3362
3059
  }
3363
3060
  .ui.tertiary.purple.buttons .active.button,
@@ -3366,37 +3063,35 @@
3366
3063
  .ui.tertiary.purple.buttons .button:active,
3367
3064
  .ui.tertiary.purple.buttons .tertiary.button:active,
3368
3065
  .ui.tertiary.purple.button:active {
3369
- -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
3370
- box-shadow: inset 0 -0.2em 0 #a30dd4;
3066
+ box-shadow: inset 0 -0.2em 0 #a30dd4;
3371
3067
  color: #9724be;
3372
3068
  }
3373
3069
  .ui.pink.buttons .button,
3374
3070
  .ui.pink.button {
3375
- background-color: #E03997;
3376
- color: #FFFFFF;
3071
+ background-color: #e03997;
3072
+ color: #fff;
3377
3073
  text-shadow: none;
3378
3074
  background-image: none;
3379
3075
  }
3380
3076
  .ui.pink.button {
3381
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3382
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3077
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3383
3078
  }
3384
3079
  .ui.pink.buttons .button:hover,
3385
3080
  .ui.pink.button:hover {
3386
3081
  background-color: #e61a8d;
3387
- color: #FFFFFF;
3082
+ color: #fff;
3388
3083
  text-shadow: none;
3389
3084
  }
3390
3085
  .ui.pink.buttons .button:focus,
3391
3086
  .ui.pink.button:focus {
3392
3087
  background-color: #e10f85;
3393
- color: #FFFFFF;
3088
+ color: #fff;
3394
3089
  text-shadow: none;
3395
3090
  }
3396
3091
  .ui.pink.buttons .button:active,
3397
3092
  .ui.pink.button:active {
3398
3093
  background-color: #c71f7e;
3399
- color: #FFFFFF;
3094
+ color: #fff;
3400
3095
  text-shadow: none;
3401
3096
  }
3402
3097
  .ui.pink.buttons .active.button,
@@ -3404,7 +3099,7 @@
3404
3099
  .ui.pink.active.button,
3405
3100
  .ui.pink.button .active.button:active {
3406
3101
  background-color: #ea158d;
3407
- color: #FFFFFF;
3102
+ color: #fff;
3408
3103
  text-shadow: none;
3409
3104
  }
3410
3105
 
@@ -3412,35 +3107,30 @@
3412
3107
  .ui.basic.pink.buttons .button,
3413
3108
  .ui.basic.pink.button {
3414
3109
  background: transparent;
3415
- -webkit-box-shadow: 0 0 0 1px #E03997 inset;
3416
- box-shadow: 0 0 0 1px #E03997 inset;
3417
- color: #E03997;
3110
+ box-shadow: 0 0 0 1px #e03997 inset;
3111
+ color: #e03997;
3418
3112
  }
3419
3113
  .ui.basic.pink.buttons .button:hover,
3420
3114
  .ui.basic.pink.button:hover {
3421
3115
  background: transparent;
3422
- -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
3423
- box-shadow: 0 0 0 1px #e61a8d inset;
3116
+ box-shadow: 0 0 0 1px #e61a8d inset;
3424
3117
  color: #e61a8d;
3425
3118
  }
3426
3119
  .ui.basic.pink.buttons .button:focus,
3427
3120
  .ui.basic.pink.button:focus {
3428
3121
  background: transparent;
3429
- -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
3430
- box-shadow: 0 0 0 1px #e10f85 inset;
3122
+ box-shadow: 0 0 0 1px #e10f85 inset;
3431
3123
  color: #e61a8d;
3432
3124
  }
3433
3125
  .ui.basic.pink.buttons .active.button,
3434
3126
  .ui.basic.pink.active.button {
3435
3127
  background: transparent;
3436
- -webkit-box-shadow: 0 0 0 1px #ea158d inset;
3437
- box-shadow: 0 0 0 1px #ea158d inset;
3128
+ box-shadow: 0 0 0 1px #ea158d inset;
3438
3129
  color: #c71f7e;
3439
3130
  }
3440
3131
  .ui.basic.pink.buttons .button:active,
3441
3132
  .ui.basic.pink.button:active {
3442
- -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
3443
- box-shadow: 0 0 0 1px #c71f7e inset;
3133
+ box-shadow: 0 0 0 1px #c71f7e inset;
3444
3134
  color: #c71f7e;
3445
3135
  }
3446
3136
 
@@ -3448,9 +3138,8 @@
3448
3138
  .ui.inverted.pink.buttons .button,
3449
3139
  .ui.inverted.pink.button {
3450
3140
  background-color: transparent;
3451
- -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
3452
- box-shadow: 0 0 0 2px #FF8EDF inset;
3453
- color: #FF8EDF;
3141
+ box-shadow: 0 0 0 2px #ff8edf inset;
3142
+ color: #ff8edf;
3454
3143
  }
3455
3144
  .ui.inverted.pink.buttons .button:hover,
3456
3145
  .ui.inverted.pink.button:hover,
@@ -3460,9 +3149,8 @@
3460
3149
  .ui.inverted.pink.button.active,
3461
3150
  .ui.inverted.pink.buttons .button:active,
3462
3151
  .ui.inverted.pink.button:active {
3463
- -webkit-box-shadow: none;
3464
- box-shadow: none;
3465
- color: #FFFFFF;
3152
+ box-shadow: none;
3153
+ color: #fff;
3466
3154
  }
3467
3155
  .ui.inverted.pink.buttons .button:hover,
3468
3156
  .ui.inverted.pink.button:hover {
@@ -3486,37 +3174,32 @@
3486
3174
  .ui.inverted.pink.buttons .basic.button,
3487
3175
  .ui.inverted.pink.basic.button {
3488
3176
  background-color: transparent;
3489
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3490
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3491
- color: #FFFFFF;
3177
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3178
+ color: #fff;
3492
3179
  }
3493
3180
  .ui.inverted.pink.basic.buttons .button:hover,
3494
3181
  .ui.inverted.pink.buttons .basic.button:hover,
3495
3182
  .ui.inverted.pink.basic.button:hover {
3496
- -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3497
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3498
- color: #FF8EDF;
3183
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3184
+ color: #ff8edf;
3499
3185
  }
3500
3186
  .ui.inverted.pink.basic.buttons .button:focus,
3501
3187
  .ui.inverted.pink.basic.buttons .button:focus,
3502
3188
  .ui.inverted.pink.basic.button:focus {
3503
- -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
3504
- box-shadow: 0 0 0 2px #ff65d3 inset;
3505
- color: #FF8EDF;
3189
+ box-shadow: 0 0 0 2px #ff65d3 inset;
3190
+ color: #ff8edf;
3506
3191
  }
3507
3192
  .ui.inverted.pink.basic.buttons .active.button,
3508
3193
  .ui.inverted.pink.buttons .basic.active.button,
3509
3194
  .ui.inverted.pink.basic.active.button {
3510
- -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
3511
- box-shadow: 0 0 0 2px #ff74d8 inset;
3512
- color: #FF8EDF;
3195
+ box-shadow: 0 0 0 2px #ff74d8 inset;
3196
+ color: #ff8edf;
3513
3197
  }
3514
3198
  .ui.inverted.pink.basic.buttons .button:active,
3515
3199
  .ui.inverted.pink.buttons .basic.button:active,
3516
3200
  .ui.inverted.pink.basic.button:active {
3517
- -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3518
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3519
- color: #FF8EDF;
3201
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3202
+ color: #ff8edf;
3520
3203
  }
3521
3204
 
3522
3205
  /* Tertiary */
@@ -3524,22 +3207,19 @@
3524
3207
  .ui.tertiary.pink.buttons .tertiary.button,
3525
3208
  .ui.tertiary.pink.button {
3526
3209
  background: transparent;
3527
- -webkit-box-shadow: none;
3528
- box-shadow: none;
3529
- color: #E03997;
3210
+ box-shadow: none;
3211
+ color: #e03997;
3530
3212
  }
3531
3213
  .ui.tertiary.pink.buttons .button:hover,
3532
3214
  .ui.tertiary.pink.buttons button:hover,
3533
3215
  .ui.tertiary.pink.button:hover {
3534
- -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
3535
- box-shadow: inset 0 -0.2em 0 #cc3389;
3216
+ box-shadow: inset 0 -0.2em 0 #cc3389;
3536
3217
  color: #cc3389;
3537
3218
  }
3538
3219
  .ui.tertiary.pink.buttons .button:focus,
3539
3220
  .ui.tertiary.pink.buttons .tertiary.button:focus,
3540
3221
  .ui.tertiary.pink.button:focus {
3541
- -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
3542
- box-shadow: inset 0 -0.2em 0 #c92782;
3222
+ box-shadow: inset 0 -0.2em 0 #c92782;
3543
3223
  color: #c92782;
3544
3224
  }
3545
3225
  .ui.tertiary.pink.buttons .active.button,
@@ -3548,37 +3228,35 @@
3548
3228
  .ui.tertiary.pink.buttons .button:active,
3549
3229
  .ui.tertiary.pink.buttons .tertiary.button:active,
3550
3230
  .ui.tertiary.pink.button:active {
3551
- -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
3552
- box-shadow: inset 0 -0.2em 0 #ff0090;
3231
+ box-shadow: inset 0 -0.2em 0 #ff0090;
3553
3232
  color: #ea158d;
3554
3233
  }
3555
3234
  .ui.brown.buttons .button,
3556
3235
  .ui.brown.button {
3557
- background-color: #A5673F;
3558
- color: #FFFFFF;
3236
+ background-color: #a5673f;
3237
+ color: #fff;
3559
3238
  text-shadow: none;
3560
3239
  background-image: none;
3561
3240
  }
3562
3241
  .ui.brown.button {
3563
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3564
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3242
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3565
3243
  }
3566
3244
  .ui.brown.buttons .button:hover,
3567
3245
  .ui.brown.button:hover {
3568
3246
  background-color: #975b33;
3569
- color: #FFFFFF;
3247
+ color: #fff;
3570
3248
  text-shadow: none;
3571
3249
  }
3572
3250
  .ui.brown.buttons .button:focus,
3573
3251
  .ui.brown.button:focus {
3574
3252
  background-color: #90532b;
3575
- color: #FFFFFF;
3253
+ color: #fff;
3576
3254
  text-shadow: none;
3577
3255
  }
3578
3256
  .ui.brown.buttons .button:active,
3579
3257
  .ui.brown.button:active {
3580
3258
  background-color: #805031;
3581
- color: #FFFFFF;
3259
+ color: #fff;
3582
3260
  text-shadow: none;
3583
3261
  }
3584
3262
  .ui.brown.buttons .active.button,
@@ -3586,7 +3264,7 @@
3586
3264
  .ui.brown.active.button,
3587
3265
  .ui.brown.button .active.button:active {
3588
3266
  background-color: #995a31;
3589
- color: #FFFFFF;
3267
+ color: #fff;
3590
3268
  text-shadow: none;
3591
3269
  }
3592
3270
 
@@ -3594,35 +3272,30 @@
3594
3272
  .ui.basic.brown.buttons .button,
3595
3273
  .ui.basic.brown.button {
3596
3274
  background: transparent;
3597
- -webkit-box-shadow: 0 0 0 1px #A5673F inset;
3598
- box-shadow: 0 0 0 1px #A5673F inset;
3599
- color: #A5673F;
3275
+ box-shadow: 0 0 0 1px #a5673f inset;
3276
+ color: #a5673f;
3600
3277
  }
3601
3278
  .ui.basic.brown.buttons .button:hover,
3602
3279
  .ui.basic.brown.button:hover {
3603
3280
  background: transparent;
3604
- -webkit-box-shadow: 0 0 0 1px #975b33 inset;
3605
- box-shadow: 0 0 0 1px #975b33 inset;
3281
+ box-shadow: 0 0 0 1px #975b33 inset;
3606
3282
  color: #975b33;
3607
3283
  }
3608
3284
  .ui.basic.brown.buttons .button:focus,
3609
3285
  .ui.basic.brown.button:focus {
3610
3286
  background: transparent;
3611
- -webkit-box-shadow: 0 0 0 1px #90532b inset;
3612
- box-shadow: 0 0 0 1px #90532b inset;
3287
+ box-shadow: 0 0 0 1px #90532b inset;
3613
3288
  color: #975b33;
3614
3289
  }
3615
3290
  .ui.basic.brown.buttons .active.button,
3616
3291
  .ui.basic.brown.active.button {
3617
3292
  background: transparent;
3618
- -webkit-box-shadow: 0 0 0 1px #995a31 inset;
3619
- box-shadow: 0 0 0 1px #995a31 inset;
3293
+ box-shadow: 0 0 0 1px #995a31 inset;
3620
3294
  color: #805031;
3621
3295
  }
3622
3296
  .ui.basic.brown.buttons .button:active,
3623
3297
  .ui.basic.brown.button:active {
3624
- -webkit-box-shadow: 0 0 0 1px #805031 inset;
3625
- box-shadow: 0 0 0 1px #805031 inset;
3298
+ box-shadow: 0 0 0 1px #805031 inset;
3626
3299
  color: #805031;
3627
3300
  }
3628
3301
 
@@ -3630,9 +3303,8 @@
3630
3303
  .ui.inverted.brown.buttons .button,
3631
3304
  .ui.inverted.brown.button {
3632
3305
  background-color: transparent;
3633
- -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
3634
- box-shadow: 0 0 0 2px #D67C1C inset;
3635
- color: #D67C1C;
3306
+ box-shadow: 0 0 0 2px #d67c1c inset;
3307
+ color: #d67c1c;
3636
3308
  }
3637
3309
  .ui.inverted.brown.buttons .button:hover,
3638
3310
  .ui.inverted.brown.button:hover,
@@ -3642,9 +3314,8 @@
3642
3314
  .ui.inverted.brown.button.active,
3643
3315
  .ui.inverted.brown.buttons .button:active,
3644
3316
  .ui.inverted.brown.button:active {
3645
- -webkit-box-shadow: none;
3646
- box-shadow: none;
3647
- color: #FFFFFF;
3317
+ box-shadow: none;
3318
+ color: #fff;
3648
3319
  }
3649
3320
  .ui.inverted.brown.buttons .button:hover,
3650
3321
  .ui.inverted.brown.button:hover {
@@ -3668,37 +3339,32 @@
3668
3339
  .ui.inverted.brown.buttons .basic.button,
3669
3340
  .ui.inverted.brown.basic.button {
3670
3341
  background-color: transparent;
3671
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3672
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3673
- color: #FFFFFF;
3342
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3343
+ color: #fff;
3674
3344
  }
3675
3345
  .ui.inverted.brown.basic.buttons .button:hover,
3676
3346
  .ui.inverted.brown.buttons .basic.button:hover,
3677
3347
  .ui.inverted.brown.basic.button:hover {
3678
- -webkit-box-shadow: 0 0 0 2px #b0620f inset;
3679
- box-shadow: 0 0 0 2px #b0620f inset;
3680
- color: #D67C1C;
3348
+ box-shadow: 0 0 0 2px #b0620f inset;
3349
+ color: #d67c1c;
3681
3350
  }
3682
3351
  .ui.inverted.brown.basic.buttons .button:focus,
3683
3352
  .ui.inverted.brown.basic.buttons .button:focus,
3684
3353
  .ui.inverted.brown.basic.button:focus {
3685
- -webkit-box-shadow: 0 0 0 2px #c16808 inset;
3686
- box-shadow: 0 0 0 2px #c16808 inset;
3687
- color: #D67C1C;
3354
+ box-shadow: 0 0 0 2px #c16808 inset;
3355
+ color: #d67c1c;
3688
3356
  }
3689
3357
  .ui.inverted.brown.basic.buttons .active.button,
3690
3358
  .ui.inverted.brown.buttons .basic.active.button,
3691
3359
  .ui.inverted.brown.basic.active.button {
3692
- -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
3693
- box-shadow: 0 0 0 2px #cc6f0d inset;
3694
- color: #D67C1C;
3360
+ box-shadow: 0 0 0 2px #cc6f0d inset;
3361
+ color: #d67c1c;
3695
3362
  }
3696
3363
  .ui.inverted.brown.basic.buttons .button:active,
3697
3364
  .ui.inverted.brown.buttons .basic.button:active,
3698
3365
  .ui.inverted.brown.basic.button:active {
3699
- -webkit-box-shadow: 0 0 0 2px #a96216 inset;
3700
- box-shadow: 0 0 0 2px #a96216 inset;
3701
- color: #D67C1C;
3366
+ box-shadow: 0 0 0 2px #a96216 inset;
3367
+ color: #d67c1c;
3702
3368
  }
3703
3369
 
3704
3370
  /* Tertiary */
@@ -3706,22 +3372,19 @@
3706
3372
  .ui.tertiary.brown.buttons .tertiary.button,
3707
3373
  .ui.tertiary.brown.button {
3708
3374
  background: transparent;
3709
- -webkit-box-shadow: none;
3710
- box-shadow: none;
3711
- color: #A5673F;
3375
+ box-shadow: none;
3376
+ color: #a5673f;
3712
3377
  }
3713
3378
  .ui.tertiary.brown.buttons .button:hover,
3714
3379
  .ui.tertiary.brown.buttons button:hover,
3715
3380
  .ui.tertiary.brown.button:hover {
3716
- -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
3717
- box-shadow: inset 0 -0.2em 0 #835f48;
3381
+ box-shadow: inset 0 -0.2em 0 #835f48;
3718
3382
  color: #835f48;
3719
3383
  }
3720
3384
  .ui.tertiary.brown.buttons .button:focus,
3721
3385
  .ui.tertiary.brown.buttons .tertiary.button:focus,
3722
3386
  .ui.tertiary.brown.button:focus {
3723
- -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
3724
- box-shadow: inset 0 -0.2em 0 #7d573e;
3387
+ box-shadow: inset 0 -0.2em 0 #7d573e;
3725
3388
  color: #7d573e;
3726
3389
  }
3727
3390
  .ui.tertiary.brown.buttons .active.button,
@@ -3730,37 +3393,35 @@
3730
3393
  .ui.tertiary.brown.buttons .button:active,
3731
3394
  .ui.tertiary.brown.buttons .tertiary.button:active,
3732
3395
  .ui.tertiary.brown.button:active {
3733
- -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
3734
- box-shadow: inset 0 -0.2em 0 #ae561d;
3396
+ box-shadow: inset 0 -0.2em 0 #ae561d;
3735
3397
  color: #995a31;
3736
3398
  }
3737
3399
  .ui.grey.buttons .button,
3738
3400
  .ui.grey.button {
3739
3401
  background-color: #767676;
3740
- color: #FFFFFF;
3402
+ color: #fff;
3741
3403
  text-shadow: none;
3742
3404
  background-image: none;
3743
3405
  }
3744
3406
  .ui.grey.button {
3745
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3746
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3407
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3747
3408
  }
3748
3409
  .ui.grey.buttons .button:hover,
3749
3410
  .ui.grey.button:hover {
3750
3411
  background-color: #838383;
3751
- color: #FFFFFF;
3412
+ color: #fff;
3752
3413
  text-shadow: none;
3753
3414
  }
3754
3415
  .ui.grey.buttons .button:focus,
3755
3416
  .ui.grey.button:focus {
3756
3417
  background-color: #8a8a8a;
3757
- color: #FFFFFF;
3418
+ color: #fff;
3758
3419
  text-shadow: none;
3759
3420
  }
3760
3421
  .ui.grey.buttons .button:active,
3761
3422
  .ui.grey.button:active {
3762
3423
  background-color: #909090;
3763
- color: #FFFFFF;
3424
+ color: #fff;
3764
3425
  text-shadow: none;
3765
3426
  }
3766
3427
  .ui.grey.buttons .active.button,
@@ -3768,7 +3429,7 @@
3768
3429
  .ui.grey.active.button,
3769
3430
  .ui.grey.button .active.button:active {
3770
3431
  background-color: #696969;
3771
- color: #FFFFFF;
3432
+ color: #fff;
3772
3433
  text-shadow: none;
3773
3434
  }
3774
3435
 
@@ -3776,35 +3437,30 @@
3776
3437
  .ui.basic.grey.buttons .button,
3777
3438
  .ui.basic.grey.button {
3778
3439
  background: transparent;
3779
- -webkit-box-shadow: 0 0 0 1px #767676 inset;
3780
- box-shadow: 0 0 0 1px #767676 inset;
3440
+ box-shadow: 0 0 0 1px #767676 inset;
3781
3441
  color: #767676;
3782
3442
  }
3783
3443
  .ui.basic.grey.buttons .button:hover,
3784
3444
  .ui.basic.grey.button:hover {
3785
3445
  background: transparent;
3786
- -webkit-box-shadow: 0 0 0 1px #838383 inset;
3787
- box-shadow: 0 0 0 1px #838383 inset;
3446
+ box-shadow: 0 0 0 1px #838383 inset;
3788
3447
  color: #838383;
3789
3448
  }
3790
3449
  .ui.basic.grey.buttons .button:focus,
3791
3450
  .ui.basic.grey.button:focus {
3792
3451
  background: transparent;
3793
- -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
3794
- box-shadow: 0 0 0 1px #8a8a8a inset;
3452
+ box-shadow: 0 0 0 1px #8a8a8a inset;
3795
3453
  color: #838383;
3796
3454
  }
3797
3455
  .ui.basic.grey.buttons .active.button,
3798
3456
  .ui.basic.grey.active.button {
3799
3457
  background: transparent;
3800
- -webkit-box-shadow: 0 0 0 1px #696969 inset;
3801
- box-shadow: 0 0 0 1px #696969 inset;
3458
+ box-shadow: 0 0 0 1px #696969 inset;
3802
3459
  color: #909090;
3803
3460
  }
3804
3461
  .ui.basic.grey.buttons .button:active,
3805
3462
  .ui.basic.grey.button:active {
3806
- -webkit-box-shadow: 0 0 0 1px #909090 inset;
3807
- box-shadow: 0 0 0 1px #909090 inset;
3463
+ box-shadow: 0 0 0 1px #909090 inset;
3808
3464
  color: #909090;
3809
3465
  }
3810
3466
 
@@ -3812,9 +3468,8 @@
3812
3468
  .ui.inverted.grey.buttons .button,
3813
3469
  .ui.inverted.grey.button {
3814
3470
  background-color: transparent;
3815
- -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
3816
- box-shadow: 0 0 0 2px #D4D4D5 inset;
3817
- color: #FFFFFF;
3471
+ box-shadow: 0 0 0 2px #d4d4d5 inset;
3472
+ color: #fff;
3818
3473
  }
3819
3474
  .ui.inverted.grey.buttons .button:hover,
3820
3475
  .ui.inverted.grey.button:hover,
@@ -3824,8 +3479,7 @@
3824
3479
  .ui.inverted.grey.button.active,
3825
3480
  .ui.inverted.grey.buttons .button:active,
3826
3481
  .ui.inverted.grey.button:active {
3827
- -webkit-box-shadow: none;
3828
- box-shadow: none;
3482
+ box-shadow: none;
3829
3483
  color: rgba(0, 0, 0, 0.6);
3830
3484
  }
3831
3485
  .ui.inverted.grey.buttons .button:hover,
@@ -3850,37 +3504,32 @@
3850
3504
  .ui.inverted.grey.buttons .basic.button,
3851
3505
  .ui.inverted.grey.basic.button {
3852
3506
  background-color: transparent;
3853
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3854
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3855
- color: #FFFFFF;
3507
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3508
+ color: #fff;
3856
3509
  }
3857
3510
  .ui.inverted.grey.basic.buttons .button:hover,
3858
3511
  .ui.inverted.grey.buttons .basic.button:hover,
3859
3512
  .ui.inverted.grey.basic.button:hover {
3860
- -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3861
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3862
- color: #FFFFFF;
3513
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3514
+ color: #fff;
3863
3515
  }
3864
3516
  .ui.inverted.grey.basic.buttons .button:focus,
3865
3517
  .ui.inverted.grey.basic.buttons .button:focus,
3866
3518
  .ui.inverted.grey.basic.button:focus {
3867
- -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
3868
- box-shadow: 0 0 0 2px #c7c9cb inset;
3869
- color: #DCDDDE;
3519
+ box-shadow: 0 0 0 2px #c7c9cb inset;
3520
+ color: #dcddde;
3870
3521
  }
3871
3522
  .ui.inverted.grey.basic.buttons .active.button,
3872
3523
  .ui.inverted.grey.buttons .basic.active.button,
3873
3524
  .ui.inverted.grey.basic.active.button {
3874
- -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
3875
- box-shadow: 0 0 0 2px #cfd0d2 inset;
3876
- color: #FFFFFF;
3525
+ box-shadow: 0 0 0 2px #cfd0d2 inset;
3526
+ color: #fff;
3877
3527
  }
3878
3528
  .ui.inverted.grey.basic.buttons .button:active,
3879
3529
  .ui.inverted.grey.buttons .basic.button:active,
3880
3530
  .ui.inverted.grey.basic.button:active {
3881
- -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3882
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3883
- color: #FFFFFF;
3531
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3532
+ color: #fff;
3884
3533
  }
3885
3534
 
3886
3535
  /* Tertiary */
@@ -3888,22 +3537,19 @@
3888
3537
  .ui.tertiary.grey.buttons .tertiary.button,
3889
3538
  .ui.tertiary.grey.button {
3890
3539
  background: transparent;
3891
- -webkit-box-shadow: none;
3892
- box-shadow: none;
3540
+ box-shadow: none;
3893
3541
  color: #767676;
3894
3542
  }
3895
3543
  .ui.tertiary.grey.buttons .button:hover,
3896
3544
  .ui.tertiary.grey.buttons button:hover,
3897
3545
  .ui.tertiary.grey.button:hover {
3898
- -webkit-box-shadow: inset 0 -0.2em 0 #909090;
3899
- box-shadow: inset 0 -0.2em 0 #909090;
3546
+ box-shadow: inset 0 -0.2em 0 #909090;
3900
3547
  color: #909090;
3901
3548
  }
3902
3549
  .ui.tertiary.grey.buttons .button:focus,
3903
3550
  .ui.tertiary.grey.buttons .tertiary.button:focus,
3904
3551
  .ui.tertiary.grey.button:focus {
3905
- -webkit-box-shadow: inset 0 -0.2em 0 #9f9f9f;
3906
- box-shadow: inset 0 -0.2em 0 #9f9f9f;
3552
+ box-shadow: inset 0 -0.2em 0 #9f9f9f;
3907
3553
  color: #9f9f9f;
3908
3554
  }
3909
3555
  .ui.tertiary.grey.buttons .active.button,
@@ -3912,37 +3558,35 @@
3912
3558
  .ui.tertiary.grey.buttons .button:active,
3913
3559
  .ui.tertiary.grey.buttons .tertiary.button:active,
3914
3560
  .ui.tertiary.grey.button:active {
3915
- -webkit-box-shadow: inset 0 -0.2em 0 #5d5d5d;
3916
- box-shadow: inset 0 -0.2em 0 #5d5d5d;
3561
+ box-shadow: inset 0 -0.2em 0 #5d5d5d;
3917
3562
  color: #696969;
3918
3563
  }
3919
3564
  .ui.black.buttons .button,
3920
3565
  .ui.black.button {
3921
- background-color: #1B1C1D;
3922
- color: #FFFFFF;
3566
+ background-color: #1b1c1d;
3567
+ color: #fff;
3923
3568
  text-shadow: none;
3924
3569
  background-image: none;
3925
3570
  }
3926
3571
  .ui.black.button {
3927
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3928
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3572
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3929
3573
  }
3930
3574
  .ui.black.buttons .button:hover,
3931
3575
  .ui.black.button:hover {
3932
3576
  background-color: #27292a;
3933
- color: #FFFFFF;
3577
+ color: #fff;
3934
3578
  text-shadow: none;
3935
3579
  }
3936
3580
  .ui.black.buttons .button:focus,
3937
3581
  .ui.black.button:focus {
3938
3582
  background-color: #2f3032;
3939
- color: #FFFFFF;
3583
+ color: #fff;
3940
3584
  text-shadow: none;
3941
3585
  }
3942
3586
  .ui.black.buttons .button:active,
3943
3587
  .ui.black.button:active {
3944
3588
  background-color: #343637;
3945
- color: #FFFFFF;
3589
+ color: #fff;
3946
3590
  text-shadow: none;
3947
3591
  }
3948
3592
  .ui.black.buttons .active.button,
@@ -3950,7 +3594,7 @@
3950
3594
  .ui.black.active.button,
3951
3595
  .ui.black.button .active.button:active {
3952
3596
  background-color: #0f0f10;
3953
- color: #FFFFFF;
3597
+ color: #fff;
3954
3598
  text-shadow: none;
3955
3599
  }
3956
3600
 
@@ -3958,35 +3602,30 @@
3958
3602
  .ui.basic.black.buttons .button,
3959
3603
  .ui.basic.black.button {
3960
3604
  background: transparent;
3961
- -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
3962
- box-shadow: 0 0 0 1px #1B1C1D inset;
3963
- color: #1B1C1D;
3605
+ box-shadow: 0 0 0 1px #1b1c1d inset;
3606
+ color: #1b1c1d;
3964
3607
  }
3965
3608
  .ui.basic.black.buttons .button:hover,
3966
3609
  .ui.basic.black.button:hover {
3967
3610
  background: transparent;
3968
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
3969
- box-shadow: 0 0 0 1px #27292a inset;
3611
+ box-shadow: 0 0 0 1px #27292a inset;
3970
3612
  color: #27292a;
3971
3613
  }
3972
3614
  .ui.basic.black.buttons .button:focus,
3973
3615
  .ui.basic.black.button:focus {
3974
3616
  background: transparent;
3975
- -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
3976
- box-shadow: 0 0 0 1px #2f3032 inset;
3617
+ box-shadow: 0 0 0 1px #2f3032 inset;
3977
3618
  color: #27292a;
3978
3619
  }
3979
3620
  .ui.basic.black.buttons .active.button,
3980
3621
  .ui.basic.black.active.button {
3981
3622
  background: transparent;
3982
- -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
3983
- box-shadow: 0 0 0 1px #0f0f10 inset;
3623
+ box-shadow: 0 0 0 1px #0f0f10 inset;
3984
3624
  color: #343637;
3985
3625
  }
3986
3626
  .ui.basic.black.buttons .button:active,
3987
3627
  .ui.basic.black.button:active {
3988
- -webkit-box-shadow: 0 0 0 1px #343637 inset;
3989
- box-shadow: 0 0 0 1px #343637 inset;
3628
+ box-shadow: 0 0 0 1px #343637 inset;
3990
3629
  color: #343637;
3991
3630
  }
3992
3631
 
@@ -3994,9 +3633,8 @@
3994
3633
  .ui.inverted.black.buttons .button,
3995
3634
  .ui.inverted.black.button {
3996
3635
  background-color: transparent;
3997
- -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
3998
- box-shadow: 0 0 0 2px #D4D4D5 inset;
3999
- color: #FFFFFF;
3636
+ box-shadow: 0 0 0 2px #d4d4d5 inset;
3637
+ color: #fff;
4000
3638
  }
4001
3639
  .ui.inverted.black.buttons .button:hover,
4002
3640
  .ui.inverted.black.button:hover,
@@ -4006,9 +3644,8 @@
4006
3644
  .ui.inverted.black.button.active,
4007
3645
  .ui.inverted.black.buttons .button:active,
4008
3646
  .ui.inverted.black.button:active {
4009
- -webkit-box-shadow: none;
4010
- box-shadow: none;
4011
- color: #FFFFFF;
3647
+ box-shadow: none;
3648
+ color: #fff;
4012
3649
  }
4013
3650
  .ui.inverted.black.buttons .button:hover,
4014
3651
  .ui.inverted.black.button:hover {
@@ -4032,37 +3669,32 @@
4032
3669
  .ui.inverted.black.buttons .basic.button,
4033
3670
  .ui.inverted.black.basic.button {
4034
3671
  background-color: transparent;
4035
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4036
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4037
- color: #FFFFFF;
3672
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3673
+ color: #fff;
4038
3674
  }
4039
3675
  .ui.inverted.black.basic.buttons .button:hover,
4040
3676
  .ui.inverted.black.buttons .basic.button:hover,
4041
3677
  .ui.inverted.black.basic.button:hover {
4042
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4043
- box-shadow: 0 0 0 2px #000000 inset;
4044
- color: #FFFFFF;
3678
+ box-shadow: 0 0 0 2px #000000 inset;
3679
+ color: #fff;
4045
3680
  }
4046
3681
  .ui.inverted.black.basic.buttons .button:focus,
4047
3682
  .ui.inverted.black.basic.buttons .button:focus,
4048
3683
  .ui.inverted.black.basic.button:focus {
4049
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4050
- box-shadow: 0 0 0 2px #000000 inset;
3684
+ box-shadow: 0 0 0 2px #000000 inset;
4051
3685
  color: #545454;
4052
3686
  }
4053
3687
  .ui.inverted.black.basic.buttons .active.button,
4054
3688
  .ui.inverted.black.buttons .basic.active.button,
4055
3689
  .ui.inverted.black.basic.active.button {
4056
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4057
- box-shadow: 0 0 0 2px #000000 inset;
4058
- color: #FFFFFF;
3690
+ box-shadow: 0 0 0 2px #000000 inset;
3691
+ color: #fff;
4059
3692
  }
4060
3693
  .ui.inverted.black.basic.buttons .button:active,
4061
3694
  .ui.inverted.black.buttons .basic.button:active,
4062
3695
  .ui.inverted.black.basic.button:active {
4063
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4064
- box-shadow: 0 0 0 2px #000000 inset;
4065
- color: #FFFFFF;
3696
+ box-shadow: 0 0 0 2px #000000 inset;
3697
+ color: #fff;
4066
3698
  }
4067
3699
 
4068
3700
  /* Tertiary */
@@ -4070,22 +3702,19 @@
4070
3702
  .ui.tertiary.black.buttons .tertiary.button,
4071
3703
  .ui.tertiary.black.button {
4072
3704
  background: transparent;
4073
- -webkit-box-shadow: none;
4074
- box-shadow: none;
4075
- color: #1B1C1D;
3705
+ box-shadow: none;
3706
+ color: #1b1c1d;
4076
3707
  }
4077
3708
  .ui.tertiary.black.buttons .button:hover,
4078
3709
  .ui.tertiary.black.buttons button:hover,
4079
3710
  .ui.tertiary.black.button:hover {
4080
- -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
4081
- box-shadow: inset 0 -0.2em 0 #8b8f93;
3711
+ box-shadow: inset 0 -0.2em 0 #8b8f93;
4082
3712
  color: #8b8f93;
4083
3713
  }
4084
3714
  .ui.tertiary.black.buttons .button:focus,
4085
3715
  .ui.tertiary.black.buttons .tertiary.button:focus,
4086
3716
  .ui.tertiary.black.button:focus {
4087
- -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
4088
- box-shadow: inset 0 -0.2em 0 #93969a;
3717
+ box-shadow: inset 0 -0.2em 0 #93969a;
4089
3718
  color: #93969a;
4090
3719
  }
4091
3720
  .ui.tertiary.black.buttons .active.button,
@@ -4094,39 +3723,37 @@
4094
3723
  .ui.tertiary.black.buttons .button:active,
4095
3724
  .ui.tertiary.black.buttons .tertiary.button:active,
4096
3725
  .ui.tertiary.black.button:active {
4097
- -webkit-box-shadow: inset 0 -0.2em 0 #404245;
4098
- box-shadow: inset 0 -0.2em 0 #404245;
3726
+ box-shadow: inset 0 -0.2em 0 #404245;
4099
3727
  color: #0f0f10;
4100
3728
  }
4101
3729
 
4102
3730
  /* Standard */
4103
3731
  .ui.positive.buttons .button,
4104
3732
  .ui.positive.button {
4105
- background-color: #21BA45;
4106
- color: #FFFFFF;
3733
+ background-color: #21ba45;
3734
+ color: #fff;
4107
3735
  text-shadow: none;
4108
3736
  background-image: none;
4109
3737
  }
4110
3738
  .ui.positive.button {
4111
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4112
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3739
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4113
3740
  }
4114
3741
  .ui.positive.buttons .button:hover,
4115
3742
  .ui.positive.button:hover {
4116
3743
  background-color: #16ab39;
4117
- color: #FFFFFF;
3744
+ color: #fff;
4118
3745
  text-shadow: none;
4119
3746
  }
4120
3747
  .ui.positive.buttons .button:focus,
4121
3748
  .ui.positive.button:focus {
4122
3749
  background-color: #0ea432;
4123
- color: #FFFFFF;
3750
+ color: #fff;
4124
3751
  text-shadow: none;
4125
3752
  }
4126
3753
  .ui.positive.buttons .button:active,
4127
3754
  .ui.positive.button:active {
4128
3755
  background-color: #198f35;
4129
- color: #FFFFFF;
3756
+ color: #fff;
4130
3757
  text-shadow: none;
4131
3758
  }
4132
3759
  .ui.positive.buttons .active.button,
@@ -4134,7 +3761,7 @@
4134
3761
  .ui.positive.active.button,
4135
3762
  .ui.positive.button .active.button:active {
4136
3763
  background-color: #13ae38;
4137
- color: #FFFFFF;
3764
+ color: #fff;
4138
3765
  text-shadow: none;
4139
3766
  }
4140
3767
 
@@ -4142,35 +3769,30 @@
4142
3769
  .ui.basic.positive.buttons .button,
4143
3770
  .ui.basic.positive.button {
4144
3771
  background: transparent;
4145
- -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
4146
- box-shadow: 0 0 0 1px #21BA45 inset;
4147
- color: #21BA45;
3772
+ box-shadow: 0 0 0 1px #21ba45 inset;
3773
+ color: #21ba45;
4148
3774
  }
4149
3775
  .ui.basic.positive.buttons .button:hover,
4150
3776
  .ui.basic.positive.button:hover {
4151
3777
  background: transparent;
4152
- -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
4153
- box-shadow: 0 0 0 1px #16ab39 inset;
3778
+ box-shadow: 0 0 0 1px #16ab39 inset;
4154
3779
  color: #16ab39;
4155
3780
  }
4156
3781
  .ui.basic.positive.buttons .button:focus,
4157
3782
  .ui.basic.positive.button:focus {
4158
3783
  background: transparent;
4159
- -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
4160
- box-shadow: 0 0 0 1px #0ea432 inset;
3784
+ box-shadow: 0 0 0 1px #0ea432 inset;
4161
3785
  color: #16ab39;
4162
3786
  }
4163
3787
  .ui.basic.positive.buttons .active.button,
4164
3788
  .ui.basic.positive.active.button {
4165
3789
  background: transparent;
4166
- -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
4167
- box-shadow: 0 0 0 1px #13ae38 inset;
3790
+ box-shadow: 0 0 0 1px #13ae38 inset;
4168
3791
  color: #198f35;
4169
3792
  }
4170
3793
  .ui.basic.positive.buttons .button:active,
4171
3794
  .ui.basic.positive.button:active {
4172
- -webkit-box-shadow: 0 0 0 1px #198f35 inset;
4173
- box-shadow: 0 0 0 1px #198f35 inset;
3795
+ box-shadow: 0 0 0 1px #198f35 inset;
4174
3796
  color: #198f35;
4175
3797
  }
4176
3798
  .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
@@ -4180,31 +3802,30 @@
4180
3802
  /* Standard */
4181
3803
  .ui.negative.buttons .button,
4182
3804
  .ui.negative.button {
4183
- background-color: #DB2828;
4184
- color: #FFFFFF;
3805
+ background-color: #db2828;
3806
+ color: #fff;
4185
3807
  text-shadow: none;
4186
3808
  background-image: none;
4187
3809
  }
4188
3810
  .ui.negative.button {
4189
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4190
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3811
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4191
3812
  }
4192
3813
  .ui.negative.buttons .button:hover,
4193
3814
  .ui.negative.button:hover {
4194
3815
  background-color: #d01919;
4195
- color: #FFFFFF;
3816
+ color: #fff;
4196
3817
  text-shadow: none;
4197
3818
  }
4198
3819
  .ui.negative.buttons .button:focus,
4199
3820
  .ui.negative.button:focus {
4200
3821
  background-color: #ca1010;
4201
- color: #FFFFFF;
3822
+ color: #fff;
4202
3823
  text-shadow: none;
4203
3824
  }
4204
3825
  .ui.negative.buttons .button:active,
4205
3826
  .ui.negative.button:active {
4206
3827
  background-color: #b21e1e;
4207
- color: #FFFFFF;
3828
+ color: #fff;
4208
3829
  text-shadow: none;
4209
3830
  }
4210
3831
  .ui.negative.buttons .active.button,
@@ -4212,7 +3833,7 @@
4212
3833
  .ui.negative.active.button,
4213
3834
  .ui.negative.button .active.button:active {
4214
3835
  background-color: #d41515;
4215
- color: #FFFFFF;
3836
+ color: #fff;
4216
3837
  text-shadow: none;
4217
3838
  }
4218
3839
 
@@ -4220,35 +3841,30 @@
4220
3841
  .ui.basic.negative.buttons .button,
4221
3842
  .ui.basic.negative.button {
4222
3843
  background: transparent;
4223
- -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
4224
- box-shadow: 0 0 0 1px #DB2828 inset;
4225
- color: #DB2828;
3844
+ box-shadow: 0 0 0 1px #db2828 inset;
3845
+ color: #db2828;
4226
3846
  }
4227
3847
  .ui.basic.negative.buttons .button:hover,
4228
3848
  .ui.basic.negative.button:hover {
4229
3849
  background: transparent;
4230
- -webkit-box-shadow: 0 0 0 1px #d01919 inset;
4231
- box-shadow: 0 0 0 1px #d01919 inset;
3850
+ box-shadow: 0 0 0 1px #d01919 inset;
4232
3851
  color: #d01919;
4233
3852
  }
4234
3853
  .ui.basic.negative.buttons .button:focus,
4235
3854
  .ui.basic.negative.button:focus {
4236
3855
  background: transparent;
4237
- -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
4238
- box-shadow: 0 0 0 1px #ca1010 inset;
3856
+ box-shadow: 0 0 0 1px #ca1010 inset;
4239
3857
  color: #d01919;
4240
3858
  }
4241
3859
  .ui.basic.negative.buttons .active.button,
4242
3860
  .ui.basic.negative.active.button {
4243
3861
  background: transparent;
4244
- -webkit-box-shadow: 0 0 0 1px #d41515 inset;
4245
- box-shadow: 0 0 0 1px #d41515 inset;
3862
+ box-shadow: 0 0 0 1px #d41515 inset;
4246
3863
  color: #b21e1e;
4247
3864
  }
4248
3865
  .ui.basic.negative.buttons .button:active,
4249
3866
  .ui.basic.negative.button:active {
4250
- -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
4251
- box-shadow: 0 0 0 1px #b21e1e inset;
3867
+ box-shadow: 0 0 0 1px #b21e1e inset;
4252
3868
  color: #b21e1e;
4253
3869
  }
4254
3870
  .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
@@ -4257,24 +3873,18 @@
4257
3873
 
4258
3874
 
4259
3875
  /*******************************
4260
- Groups
4261
- *******************************/
3876
+ Groups
3877
+ *******************************/
4262
3878
 
4263
3879
  .ui.buttons {
4264
- display: -webkit-inline-box;
4265
- display: -ms-inline-flexbox;
4266
3880
  display: inline-flex;
4267
- -webkit-box-orient: horizontal;
4268
- -webkit-box-direction: normal;
4269
- -ms-flex-direction: row;
4270
- flex-direction: row;
3881
+ flex-direction: row;
4271
3882
  font-size: 0;
4272
3883
  vertical-align: baseline;
4273
3884
  margin: 0 0.25em 0 0;
4274
3885
  }
4275
3886
  .ui.buttons:not(.basic):not(.inverted) {
4276
- -webkit-box-shadow: none;
4277
- box-shadow: none;
3887
+ box-shadow: none;
4278
3888
  }
4279
3889
 
4280
3890
  /* Clearfix */
@@ -4288,15 +3898,12 @@
4288
3898
 
4289
3899
  /* Standard Group */
4290
3900
  .ui.buttons .button {
4291
- -webkit-box-flex: 1;
4292
- -ms-flex: 1 0 auto;
4293
- flex: 1 0 auto;
3901
+ flex: 1 0 auto;
4294
3902
  border-radius: 0;
4295
- margin: 0 0 0 0;
3903
+ margin: 0;
4296
3904
  }
4297
3905
  .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
4298
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4299
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3906
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4300
3907
  }
4301
3908
  .ui.buttons .button:first-child {
4302
3909
  border-left: none;
@@ -4309,26 +3916,20 @@
4309
3916
  border-bottom-right-radius: 0.28571429rem;
4310
3917
  }
4311
3918
 
4312
- /* Vertical Style */
3919
+ /* Vertical Style */
4313
3920
  .ui.vertical.buttons {
4314
- display: -webkit-inline-box;
4315
- display: -ms-inline-flexbox;
4316
3921
  display: inline-flex;
4317
- -webkit-box-orient: vertical;
4318
- -webkit-box-direction: normal;
4319
- -ms-flex-direction: column;
4320
- flex-direction: column;
3922
+ flex-direction: column;
4321
3923
  }
4322
3924
  .ui.vertical.buttons .button {
4323
3925
  display: block;
4324
3926
  float: none;
4325
3927
  width: 100%;
4326
- margin: 0 0 0 0;
3928
+ margin: 0;
4327
3929
  border-radius: 0;
4328
3930
  }
4329
3931
  .ui.vertical.buttons .button:not(.basic) {
4330
- -webkit-box-shadow: none;
4331
- box-shadow: none;
3932
+ box-shadow: none;
4332
3933
  }
4333
3934
  .ui.vertical.buttons .button:first-child {
4334
3935
  border-top-left-radius: 0.28571429rem;
@@ -4346,8 +3947,7 @@
4346
3947
  border-top: none;
4347
3948
  }
4348
3949
  .ui.wrapping.buttons {
4349
- -ms-flex-wrap: wrap;
4350
- flex-wrap: wrap;
3950
+ flex-wrap: wrap;
4351
3951
  }
4352
3952
  .ui.wrapping.basic.buttons {
4353
3953
  border-bottom: none;
@@ -4359,9 +3959,7 @@
4359
3959
  background: transparent !important;
4360
3960
  }
4361
3961
  .ui.compact.wrapping.buttons .button {
4362
- -webkit-box-flex: 0;
4363
- -ms-flex: none;
4364
- flex: none;
3962
+ flex: none;
4365
3963
  }
4366
3964
  .ui.wrapped.buttons:not(.spaced) {
4367
3965
  border-top-right-radius: 0;