fomantic-ui 2.9.0-beta.28 → 2.9.0-beta.280

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 (312) hide show
  1. package/.all-contributorsrc +224 -3
  2. package/.github/workflows/ci.yml +7 -6
  3. package/.github/workflows/nightly.yml +13 -8
  4. package/.github/workflows/release.yml +31 -0
  5. package/CONTRIBUTORS.md +77 -37
  6. package/README.md +8 -8
  7. package/dist/components/accordion.css +175 -35
  8. package/dist/components/accordion.js +6 -3
  9. package/dist/components/accordion.min.css +2 -2
  10. package/dist/components/accordion.min.js +3 -3
  11. package/dist/components/ad.css +4 -4
  12. package/dist/components/ad.min.css +2 -2
  13. package/dist/components/api.js +88 -29
  14. package/dist/components/api.min.js +3 -3
  15. package/dist/components/breadcrumb.css +1 -1
  16. package/dist/components/breadcrumb.min.css +1 -1
  17. package/dist/components/button.css +195 -148
  18. package/dist/components/button.min.css +2 -2
  19. package/dist/components/calendar.css +18 -1
  20. package/dist/components/calendar.js +84 -67
  21. package/dist/components/calendar.min.css +2 -2
  22. package/dist/components/calendar.min.js +3 -3
  23. package/dist/components/card.css +753 -116
  24. package/dist/components/card.min.css +2 -2
  25. package/dist/components/checkbox.css +92 -91
  26. package/dist/components/checkbox.js +17 -11
  27. package/dist/components/checkbox.min.css +2 -2
  28. package/dist/components/checkbox.min.js +3 -3
  29. package/dist/components/comment.css +12 -12
  30. package/dist/components/comment.min.css +2 -2
  31. package/dist/components/container.css +97 -3
  32. package/dist/components/container.min.css +2 -2
  33. package/dist/components/dimmer.css +29 -14
  34. package/dist/components/dimmer.js +11 -5
  35. package/dist/components/dimmer.min.css +2 -2
  36. package/dist/components/dimmer.min.js +3 -3
  37. package/dist/components/divider.css +31 -31
  38. package/dist/components/divider.min.css +2 -2
  39. package/dist/components/dropdown.css +89 -49
  40. package/dist/components/dropdown.js +95 -49
  41. package/dist/components/dropdown.min.css +2 -2
  42. package/dist/components/dropdown.min.js +3 -3
  43. package/dist/components/embed.css +5 -5
  44. package/dist/components/embed.js +1 -1
  45. package/dist/components/embed.min.css +2 -2
  46. package/dist/components/embed.min.js +3 -3
  47. package/dist/components/emoji.css +10839 -8831
  48. package/dist/components/emoji.min.css +1 -1
  49. package/dist/components/feed.css +29 -29
  50. package/dist/components/feed.min.css +2 -2
  51. package/dist/components/flag.css +1001 -892
  52. package/dist/components/flag.min.css +2 -2
  53. package/dist/components/form.css +158 -81
  54. package/dist/components/form.js +38 -29
  55. package/dist/components/form.min.css +2 -2
  56. package/dist/components/form.min.js +3 -3
  57. package/dist/components/grid.css +25 -21
  58. package/dist/components/grid.min.css +2 -2
  59. package/dist/components/header.css +5 -3
  60. package/dist/components/header.min.css +2 -2
  61. package/dist/components/icon.css +2063 -1984
  62. package/dist/components/icon.min.css +2 -2
  63. package/dist/components/image.css +1 -1
  64. package/dist/components/image.min.css +1 -1
  65. package/dist/components/input.css +758 -21
  66. package/dist/components/input.min.css +2 -2
  67. package/dist/components/item.css +16 -16
  68. package/dist/components/item.min.css +2 -2
  69. package/dist/components/label.css +64 -64
  70. package/dist/components/label.min.css +2 -2
  71. package/dist/components/list.css +30 -30
  72. package/dist/components/list.min.css +2 -2
  73. package/dist/components/loader.css +352 -352
  74. package/dist/components/loader.min.css +2 -2
  75. package/dist/components/menu.css +107 -75
  76. package/dist/components/menu.min.css +1 -1
  77. package/dist/components/message.css +42 -42
  78. package/dist/components/message.min.css +2 -2
  79. package/dist/components/modal.css +13 -1
  80. package/dist/components/modal.js +127 -49
  81. package/dist/components/modal.min.css +2 -2
  82. package/dist/components/modal.min.js +3 -3
  83. package/dist/components/nag.css +1 -1
  84. package/dist/components/nag.js +1 -1
  85. package/dist/components/nag.min.css +1 -1
  86. package/dist/components/nag.min.js +3 -3
  87. package/dist/components/placeholder.css +33 -33
  88. package/dist/components/placeholder.min.css +2 -2
  89. package/dist/components/popup.css +99 -103
  90. package/dist/components/popup.js +2 -2
  91. package/dist/components/popup.min.css +2 -2
  92. package/dist/components/popup.min.js +3 -3
  93. package/dist/components/progress.css +1 -1
  94. package/dist/components/progress.js +4 -1
  95. package/dist/components/progress.min.css +1 -1
  96. package/dist/components/progress.min.js +3 -3
  97. package/dist/components/rail.css +1 -1
  98. package/dist/components/rail.min.css +1 -1
  99. package/dist/components/rating.css +1 -1
  100. package/dist/components/rating.js +1 -1
  101. package/dist/components/rating.min.css +1 -1
  102. package/dist/components/rating.min.js +3 -3
  103. package/dist/components/reset.css +5 -4
  104. package/dist/components/reset.min.css +2 -2
  105. package/dist/components/reveal.css +1 -1
  106. package/dist/components/reveal.min.css +1 -1
  107. package/dist/components/search.css +3 -3
  108. package/dist/components/search.js +2 -2
  109. package/dist/components/search.min.css +2 -2
  110. package/dist/components/search.min.js +3 -3
  111. package/dist/components/segment.css +118 -34
  112. package/dist/components/segment.min.css +2 -2
  113. package/dist/components/shape.css +1 -1
  114. package/dist/components/shape.js +3 -3
  115. package/dist/components/shape.min.css +1 -1
  116. package/dist/components/shape.min.js +3 -3
  117. package/dist/components/sidebar.css +7 -5
  118. package/dist/components/sidebar.js +12 -10
  119. package/dist/components/sidebar.min.css +2 -2
  120. package/dist/components/sidebar.min.js +3 -3
  121. package/dist/components/site.css +65 -39
  122. package/dist/components/site.js +1 -1
  123. package/dist/components/site.min.css +2 -2
  124. package/dist/components/site.min.js +3 -3
  125. package/dist/components/slider.css +17 -17
  126. package/dist/components/slider.js +68 -51
  127. package/dist/components/slider.min.css +1 -1
  128. package/dist/components/slider.min.js +3 -3
  129. package/dist/components/state.js +1 -1
  130. package/dist/components/state.min.js +3 -3
  131. package/dist/components/statistic.css +2 -2
  132. package/dist/components/statistic.min.css +2 -2
  133. package/dist/components/step.css +30 -30
  134. package/dist/components/step.min.css +2 -2
  135. package/dist/components/sticky.css +1 -1
  136. package/dist/components/sticky.js +1 -1
  137. package/dist/components/sticky.min.css +1 -1
  138. package/dist/components/sticky.min.js +3 -3
  139. package/dist/components/tab.css +5 -5
  140. package/dist/components/tab.js +23 -5
  141. package/dist/components/tab.min.css +2 -2
  142. package/dist/components/tab.min.js +3 -3
  143. package/dist/components/table.css +1174 -32
  144. package/dist/components/table.min.css +2 -2
  145. package/dist/components/text.css +1 -1
  146. package/dist/components/text.min.css +1 -1
  147. package/dist/components/toast.css +39 -1
  148. package/dist/components/toast.js +56 -28
  149. package/dist/components/toast.min.css +2 -2
  150. package/dist/components/toast.min.js +3 -3
  151. package/dist/components/transition.css +1 -1
  152. package/dist/components/transition.js +21 -16
  153. package/dist/components/transition.min.css +1 -1
  154. package/dist/components/transition.min.js +3 -3
  155. package/dist/components/visibility.js +1 -1
  156. package/dist/components/visibility.min.js +3 -3
  157. package/dist/semantic.css +19522 -13088
  158. package/dist/semantic.js +666 -369
  159. package/dist/semantic.min.css +3 -3
  160. package/dist/semantic.min.js +3 -3
  161. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  162. package/dist/themes/default/assets/fonts/brand-icons.svg +801 -654
  163. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  164. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  165. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  166. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  167. package/dist/themes/default/assets/fonts/icons.svg +1175 -1079
  168. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  169. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  170. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  171. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  172. package/dist/themes/default/assets/fonts/outline-icons.svg +93 -95
  173. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  174. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  175. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  176. package/examples/assets/library/iframe-content.js +8 -8
  177. package/examples/assets/library/iframe.js +3 -3
  178. package/package.json +16 -14
  179. package/scripts/nightly-version.js +47 -38
  180. package/src/definitions/behaviors/api.js +87 -28
  181. package/src/definitions/behaviors/form.js +37 -28
  182. package/src/definitions/collections/form.less +225 -161
  183. package/src/definitions/collections/grid.less +723 -687
  184. package/src/definitions/collections/menu.less +224 -166
  185. package/src/definitions/collections/message.less +49 -47
  186. package/src/definitions/collections/table.less +855 -268
  187. package/src/definitions/elements/button.less +611 -469
  188. package/src/definitions/elements/container.less +145 -8
  189. package/src/definitions/elements/divider.less +24 -24
  190. package/src/definitions/elements/emoji.less +16 -10
  191. package/src/definitions/elements/flag.less +8 -18
  192. package/src/definitions/elements/header.less +46 -37
  193. package/src/definitions/elements/icon.less +39 -32
  194. package/src/definitions/elements/input.less +268 -26
  195. package/src/definitions/elements/label.less +125 -124
  196. package/src/definitions/elements/list.less +84 -75
  197. package/src/definitions/elements/loader.less +99 -98
  198. package/src/definitions/elements/placeholder.less +32 -32
  199. package/src/definitions/elements/segment.less +174 -55
  200. package/src/definitions/elements/step.less +76 -72
  201. package/src/definitions/elements/text.less +17 -15
  202. package/src/definitions/globals/reset.less +2 -2
  203. package/src/definitions/globals/site.less +23 -2
  204. package/src/definitions/modules/accordion.js +5 -2
  205. package/src/definitions/modules/accordion.less +181 -29
  206. package/src/definitions/modules/calendar.js +83 -66
  207. package/src/definitions/modules/calendar.less +20 -0
  208. package/src/definitions/modules/checkbox.js +16 -10
  209. package/src/definitions/modules/checkbox.less +83 -227
  210. package/src/definitions/modules/dimmer.js +10 -4
  211. package/src/definitions/modules/dimmer.less +21 -8
  212. package/src/definitions/modules/dropdown.js +94 -48
  213. package/src/definitions/modules/dropdown.less +178 -127
  214. package/src/definitions/modules/embed.less +4 -4
  215. package/src/definitions/modules/modal.js +126 -48
  216. package/src/definitions/modules/modal.less +12 -0
  217. package/src/definitions/modules/nag.less +20 -19
  218. package/src/definitions/modules/popup.js +1 -1
  219. package/src/definitions/modules/popup.less +86 -90
  220. package/src/definitions/modules/progress.js +3 -0
  221. package/src/definitions/modules/progress.less +19 -18
  222. package/src/definitions/modules/rating.less +35 -34
  223. package/src/definitions/modules/search.js +1 -1
  224. package/src/definitions/modules/search.less +35 -19
  225. package/src/definitions/modules/shape.js +2 -2
  226. package/src/definitions/modules/sidebar.js +11 -9
  227. package/src/definitions/modules/sidebar.less +36 -22
  228. package/src/definitions/modules/slider.js +67 -50
  229. package/src/definitions/modules/slider.less +48 -47
  230. package/src/definitions/modules/tab.js +22 -4
  231. package/src/definitions/modules/tab.less +4 -4
  232. package/src/definitions/modules/toast.js +55 -27
  233. package/src/definitions/modules/toast.less +48 -16
  234. package/src/definitions/modules/transition.js +20 -15
  235. package/src/definitions/views/ad.less +3 -3
  236. package/src/definitions/views/card.less +519 -374
  237. package/src/definitions/views/comment.less +93 -82
  238. package/src/definitions/views/feed.less +164 -144
  239. package/src/definitions/views/item.less +251 -198
  240. package/src/definitions/views/statistic.less +91 -89
  241. package/src/themes/basic/elements/icon.overrides +149 -149
  242. package/src/themes/basic/elements/step.overrides +2 -2
  243. package/src/themes/bookish/elements/header.overrides +1 -1
  244. package/src/themes/chubby/elements/button.overrides +1 -1
  245. package/src/themes/chubby/elements/header.overrides +1 -1
  246. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  247. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  248. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  249. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  250. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  251. package/src/themes/default/assets/fonts/icons.eot +0 -0
  252. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  253. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  254. package/src/themes/default/assets/fonts/icons.woff +0 -0
  255. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  256. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  257. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  258. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  259. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  260. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  261. package/src/themes/default/collections/form.variables +4 -0
  262. package/src/themes/default/collections/menu.variables +6 -0
  263. package/src/themes/default/collections/table.variables +52 -0
  264. package/src/themes/default/elements/button.variables +7 -1
  265. package/src/themes/default/elements/container.variables +12 -0
  266. package/src/themes/default/elements/divider.overrides +7 -7
  267. package/src/themes/default/elements/emoji.overrides +1737 -1235
  268. package/src/themes/default/elements/flag.overrides +1641 -986
  269. package/src/themes/default/elements/flag.variables +7 -5
  270. package/src/themes/default/elements/icon.overrides +1975 -1949
  271. package/src/themes/default/elements/icon.variables +1 -0
  272. package/src/themes/default/elements/input.variables +15 -0
  273. package/src/themes/default/elements/segment.variables +8 -0
  274. package/src/themes/default/elements/step.overrides +3 -3
  275. package/src/themes/default/globals/site.variables +6 -0
  276. package/src/themes/default/globals/variation.variables +140 -6
  277. package/src/themes/default/modules/accordion.overrides +6 -5
  278. package/src/themes/default/modules/accordion.variables +49 -2
  279. package/src/themes/default/modules/calendar.variables +3 -0
  280. package/src/themes/default/modules/checkbox.overrides +9 -9
  281. package/src/themes/default/modules/checkbox.variables +5 -5
  282. package/src/themes/default/modules/dimmer.variables +1 -1
  283. package/src/themes/default/modules/dropdown.overrides +5 -5
  284. package/src/themes/default/modules/dropdown.variables +4 -10
  285. package/src/themes/default/modules/modal.variables +13 -0
  286. package/src/themes/default/modules/popup.variables +0 -2
  287. package/src/themes/default/modules/toast.variables +3 -0
  288. package/src/themes/default/views/card.variables +8 -0
  289. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  290. package/src/themes/famfamfam/elements/flag.variables +13 -0
  291. package/src/themes/github/elements/icon.overrides +206 -206
  292. package/src/themes/github/elements/step.overrides +5 -5
  293. package/src/themes/github/modules/dropdown.overrides +6 -6
  294. package/src/themes/instagram/views/card.overrides +1 -1
  295. package/src/themes/joypixels/elements/emoji.overrides +1762 -1260
  296. package/src/themes/joypixels/elements/emoji.variables +1 -1
  297. package/src/themes/material/collections/menu.overrides +1 -1
  298. package/src/themes/material/elements/button.overrides +1 -1
  299. package/src/themes/material/elements/header.overrides +1 -1
  300. package/src/themes/material/elements/icon.overrides +932 -932
  301. package/src/themes/material/globals/site.variables +0 -1
  302. package/src/themes/material/modules/dropdown.overrides +1 -1
  303. package/src/themes/material/modules/modal.overrides +1 -1
  304. package/src/themes/pulsar/elements/loader.overrides +2 -2
  305. package/src/themes/resetcss/globals/reset.overrides +3 -3
  306. package/src/themes/rtl/globals/site.overrides +1 -1
  307. package/src/themes/striped/modules/progress.overrides +1 -1
  308. package/src/themes/twitter/elements/emoji.overrides +1737 -1235
  309. package/tasks/build/css.js +6 -1
  310. package/tasks/config/project/install.js +15 -13
  311. package/tasks/install.js +1 -0
  312. package/test/helpers/sinon.js +2 -2
package/dist/components/loader.min.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0-beta.28 - Loader
2
+ * # Fomantic-UI 2.9.0-beta.280+ed3a2aa - Loader
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
7
  * http://opensource.org/licenses/MIT
8
8
  *
9
- */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.fast.loader:after,.ui.fast.loading.loading .input>i.icon:after,.ui.fast.loading.loading:after,.ui.fast.loading.loading>i.icon:after{-webkit-animation-duration:.3s;animation-duration:.3s}.ui.slow.loader:after,.ui.slow.loading.loading .input>i.icon:after,.ui.slow.loading.loading:after,.ui.slow.loading.loading>i.icon:after{-webkit-animation-duration:.9s;animation-duration:.9s}@-webkit-keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.dimmer>.loader{display:block}.ui.dimmer>.ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer>.ui.loader:not(.elastic):before{border-color:rgba(255,255,255,.15)}.ui.inverted.dimmer>.ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.loader:not(.elastic):before{border-color:rgba(0,0,0,.1)}.ui.ui.ui.ui.text.loader{width:auto;height:auto;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.primary.basic.elastic.loading.button:after,.ui.primary.basic.elastic.loading.button:before,.ui.primary.elastic.loader.loader:before,.ui.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.primary.elastic.loading.loading.loading.loading>i.icon:before,.ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.primary.loader.loader.loader:after,.ui.primary.loading.loading.loading.loading .input>i.icon:after,.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.primary.loading.loading.loading.loading>i.icon:after{color:#2185d0}.ui.inverted.primary.elastic.loader:before,.ui.inverted.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.primary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.primary.loader.loader.loader:after,.ui.inverted.primary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.primary.loading.loading.loading.loading>i.icon:after{color:#54c8ff}.ui.secondary.basic.elastic.loading.button:after,.ui.secondary.basic.elastic.loading.button:before,.ui.secondary.elastic.loader.loader:before,.ui.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.secondary.elastic.loading.loading.loading.loading>i.icon:before,.ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.secondary.loader.loader.loader:after,.ui.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.secondary.loading.loading.loading.loading>i.icon:after{color:#1b1c1d}.ui.inverted.secondary.elastic.loader:before,.ui.inverted.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.secondary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.secondary.loader.loader.loader:after,.ui.inverted.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.secondary.loading.loading.loading.loading>i.icon:after{color:#545454}.ui.red.basic.elastic.loading.button:after,.ui.red.basic.elastic.loading.button:before,.ui.red.elastic.loader.loader:before,.ui.red.elastic.loading.loading.loading .input>i.icon:before,.ui.red.elastic.loading.loading.loading.loading>i.icon:before,.ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.red.loader.loader.loader:after,.ui.red.loading.loading.loading.loading .input>i.icon:after,.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.red.loading.loading.loading.loading>i.icon:after{color:#db2828}.ui.inverted.red.elastic.loader:before,.ui.inverted.red.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.red.elastic.loading.loading.loading>i.icon:before,.ui.inverted.red.loader.loader.loader:after,.ui.inverted.red.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.red.loading.loading.loading.loading:not(.usual):after,.ui.inverted.red.loading.loading.loading.loading>i.icon:after{color:#ff695e}.ui.orange.basic.elastic.loading.button:after,.ui.orange.basic.elastic.loading.button:before,.ui.orange.elastic.loader.loader:before,.ui.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.orange.elastic.loading.loading.loading.loading>i.icon:before,.ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.orange.loader.loader.loader:after,.ui.orange.loading.loading.loading.loading .input>i.icon:after,.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.orange.loading.loading.loading.loading>i.icon:after{color:#f2711c}.ui.inverted.orange.elastic.loader:before,.ui.inverted.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.orange.elastic.loading.loading.loading>i.icon:before,.ui.inverted.orange.loader.loader.loader:after,.ui.inverted.orange.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,.ui.inverted.orange.loading.loading.loading.loading>i.icon:after{color:#ff851b}.ui.yellow.basic.elastic.loading.button:after,.ui.yellow.basic.elastic.loading.button:before,.ui.yellow.elastic.loader.loader:before,.ui.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.yellow.elastic.loading.loading.loading.loading>i.icon:before,.ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.yellow.loader.loader.loader:after,.ui.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.yellow.loading.loading.loading.loading>i.icon:after{color:#fbbd08}.ui.inverted.yellow.elastic.loader:before,.ui.inverted.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.yellow.elastic.loading.loading.loading>i.icon:before,.ui.inverted.yellow.loader.loader.loader:after,.ui.inverted.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,.ui.inverted.yellow.loading.loading.loading.loading>i.icon:after{color:#ffe21f}.ui.olive.basic.elastic.loading.button:after,.ui.olive.basic.elastic.loading.button:before,.ui.olive.elastic.loader.loader:before,.ui.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.olive.elastic.loading.loading.loading.loading>i.icon:before,.ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.olive.loader.loader.loader:after,.ui.olive.loading.loading.loading.loading .input>i.icon:after,.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.olive.loading.loading.loading.loading>i.icon:after{color:#b5cc18}.ui.inverted.olive.elastic.loader:before,.ui.inverted.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.olive.elastic.loading.loading.loading>i.icon:before,.ui.inverted.olive.loader.loader.loader:after,.ui.inverted.olive.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,.ui.inverted.olive.loading.loading.loading.loading>i.icon:after{color:#d9e778}.ui.green.basic.elastic.loading.button:after,.ui.green.basic.elastic.loading.button:before,.ui.green.elastic.loader.loader:before,.ui.green.elastic.loading.loading.loading .input>i.icon:before,.ui.green.elastic.loading.loading.loading.loading>i.icon:before,.ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.green.loader.loader.loader:after,.ui.green.loading.loading.loading.loading .input>i.icon:after,.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.green.loading.loading.loading.loading>i.icon:after{color:#21ba45}.ui.inverted.green.elastic.loader:before,.ui.inverted.green.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.green.elastic.loading.loading.loading>i.icon:before,.ui.inverted.green.loader.loader.loader:after,.ui.inverted.green.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.green.loading.loading.loading.loading:not(.usual):after,.ui.inverted.green.loading.loading.loading.loading>i.icon:after{color:#2ecc40}.ui.teal.basic.elastic.loading.button:after,.ui.teal.basic.elastic.loading.button:before,.ui.teal.elastic.loader.loader:before,.ui.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.teal.elastic.loading.loading.loading.loading>i.icon:before,.ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.teal.loader.loader.loader:after,.ui.teal.loading.loading.loading.loading .input>i.icon:after,.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.teal.loading.loading.loading.loading>i.icon:after{color:#00b5ad}.ui.inverted.teal.elastic.loader:before,.ui.inverted.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.teal.elastic.loading.loading.loading>i.icon:before,.ui.inverted.teal.loader.loader.loader:after,.ui.inverted.teal.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,.ui.inverted.teal.loading.loading.loading.loading>i.icon:after{color:#6dffff}.ui.blue.basic.elastic.loading.button:after,.ui.blue.basic.elastic.loading.button:before,.ui.blue.elastic.loader.loader:before,.ui.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.blue.elastic.loading.loading.loading.loading>i.icon:before,.ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.blue.loader.loader.loader:after,.ui.blue.loading.loading.loading.loading .input>i.icon:after,.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.blue.loading.loading.loading.loading>i.icon:after{color:#2185d0}.ui.inverted.blue.elastic.loader:before,.ui.inverted.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.blue.elastic.loading.loading.loading>i.icon:before,.ui.inverted.blue.loader.loader.loader:after,.ui.inverted.blue.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,.ui.inverted.blue.loading.loading.loading.loading>i.icon:after{color:#54c8ff}.ui.violet.basic.elastic.loading.button:after,.ui.violet.basic.elastic.loading.button:before,.ui.violet.elastic.loader.loader:before,.ui.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.violet.elastic.loading.loading.loading.loading>i.icon:before,.ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.violet.loader.loader.loader:after,.ui.violet.loading.loading.loading.loading .input>i.icon:after,.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.violet.loading.loading.loading.loading>i.icon:after{color:#6435c9}.ui.inverted.violet.elastic.loader:before,.ui.inverted.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.violet.elastic.loading.loading.loading>i.icon:before,.ui.inverted.violet.loader.loader.loader:after,.ui.inverted.violet.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,.ui.inverted.violet.loading.loading.loading.loading>i.icon:after{color:#a291fb}.ui.purple.basic.elastic.loading.button:after,.ui.purple.basic.elastic.loading.button:before,.ui.purple.elastic.loader.loader:before,.ui.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.purple.elastic.loading.loading.loading.loading>i.icon:before,.ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.purple.loader.loader.loader:after,.ui.purple.loading.loading.loading.loading .input>i.icon:after,.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.purple.loading.loading.loading.loading>i.icon:after{color:#a333c8}.ui.inverted.purple.elastic.loader:before,.ui.inverted.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.purple.elastic.loading.loading.loading>i.icon:before,.ui.inverted.purple.loader.loader.loader:after,.ui.inverted.purple.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,.ui.inverted.purple.loading.loading.loading.loading>i.icon:after{color:#dc73ff}.ui.pink.basic.elastic.loading.button:after,.ui.pink.basic.elastic.loading.button:before,.ui.pink.elastic.loader.loader:before,.ui.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.pink.elastic.loading.loading.loading.loading>i.icon:before,.ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.pink.loader.loader.loader:after,.ui.pink.loading.loading.loading.loading .input>i.icon:after,.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.pink.loading.loading.loading.loading>i.icon:after{color:#e03997}.ui.inverted.pink.elastic.loader:before,.ui.inverted.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.pink.elastic.loading.loading.loading>i.icon:before,.ui.inverted.pink.loader.loader.loader:after,.ui.inverted.pink.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,.ui.inverted.pink.loading.loading.loading.loading>i.icon:after{color:#ff8edf}.ui.brown.basic.elastic.loading.button:after,.ui.brown.basic.elastic.loading.button:before,.ui.brown.elastic.loader.loader:before,.ui.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.brown.elastic.loading.loading.loading.loading>i.icon:before,.ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.brown.loader.loader.loader:after,.ui.brown.loading.loading.loading.loading .input>i.icon:after,.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.brown.loading.loading.loading.loading>i.icon:after{color:#a5673f}.ui.inverted.brown.elastic.loader:before,.ui.inverted.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.brown.elastic.loading.loading.loading>i.icon:before,.ui.inverted.brown.loader.loader.loader:after,.ui.inverted.brown.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,.ui.inverted.brown.loading.loading.loading.loading>i.icon:after{color:#d67c1c}.ui.grey.basic.elastic.loading.button:after,.ui.grey.basic.elastic.loading.button:before,.ui.grey.elastic.loader.loader:before,.ui.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.grey.elastic.loading.loading.loading.loading>i.icon:before,.ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.grey.loader.loader.loader:after,.ui.grey.loading.loading.loading.loading .input>i.icon:after,.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.grey.loading.loading.loading.loading>i.icon:after{color:#767676}.ui.inverted.grey.elastic.loader:before,.ui.inverted.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.grey.elastic.loading.loading.loading>i.icon:before,.ui.inverted.grey.loader.loader.loader:after,.ui.inverted.grey.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,.ui.inverted.grey.loading.loading.loading.loading>i.icon:after{color:#dcddde}.ui.black.basic.elastic.loading.button:after,.ui.black.basic.elastic.loading.button:before,.ui.black.elastic.loader.loader:before,.ui.black.elastic.loading.loading.loading .input>i.icon:before,.ui.black.elastic.loading.loading.loading.loading>i.icon:before,.ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.black.loader.loader.loader:after,.ui.black.loading.loading.loading.loading .input>i.icon:after,.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.black.loading.loading.loading.loading>i.icon:after{color:#1b1c1d}.ui.inverted.black.elastic.loader:before,.ui.inverted.black.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,.ui.inverted.black.elastic.loading.loading.loading>i.icon:before,.ui.inverted.black.loader.loader.loader:after,.ui.inverted.black.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.black.loading.loading.loading.loading:not(.usual):after,.ui.inverted.black.loading.loading.loading.loading>i.icon:after{color:#545454}.ui.elastic.loader.loader:before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading:before,.ui.elastic.loading.loading.loading>i.icon:before,.ui.loader.loader.loader:after,.ui.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading:not(.usual):after,.ui.loading.loading.loading.loading>i.icon:after{border-color:currentColor}.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before{color:#fff}.ui.elastic.basic.loading.button:after,.ui.elastic.basic.loading.button:before{color:#767676}.ui.double.loading.loading.loading.loading.button:after{border-bottom-color:currentColor}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}.ui.loader.loader.loader.loader.loader:after,.ui.loading.loading.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading:after,.ui.loading.loading.loading.loading.loading.loading>i.icon:after{border-left-color:transparent;border-right-color:transparent}.ui.loader.loader.loader.loader.loader.loader:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)>i.icon:after{border-bottom-color:transparent}.ui.loading.loading.loading.loading.loading.loading.card:after,.ui.loading.loading.loading.loading.loading.loading.form:after,.ui.loading.loading.loading.loading.loading.loading.segment:after,.ui.loading.loading.loading.loading.loading.loading.segments:after{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}.ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after{border-bottom-color:rgba(0,0,0,.1)}.ui.dimmer>.ui.elastic.loader{color:#fff}.ui.inverted.dimmer>.ui.elastic.loader{color:#767676}.ui.elastic.loader.loader:after,.ui.elastic.loading.loading .input>i.icon:after,.ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,.ui.elastic.loading.loading>i.icon:after{-webkit-animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-webkit-animation-delay:.3s;animation-delay:.3s}.ui.elastic.loader.loader:before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,.ui.elastic.loading.loading.loading>i.icon:before{-webkit-animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-moz-animation:currentcolor-elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);border-right-color:transparent}.ui.elastic.inline.loader:empty{-webkit-animation:loader 8s infinite linear;animation:loader 8s infinite linear}.ui.slow.elastic.loader.loader:after,.ui.slow.elastic.loading.loading .input>i.icon:after,.ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,.ui.slow.elastic.loading.loading>i.icon:after{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.45s;animation-delay:.45s}.ui.slow.elastic.loader.loader:before,.ui.slow.elastic.loading.loading.loading .input>i.icon:before,.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,.ui.slow.elastic.loading.loading.loading>i.icon:before{-webkit-animation-duration:1.5s;animation-duration:1.5s}.ui.fast.elastic.loader.loader:after,.ui.fast.elastic.loading.loading .input>i.icon:after,.ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,.ui.fast.elastic.loading.loading>i.icon:after{-webkit-animation-duration:.66s;animation-duration:.66s;-webkit-animation-delay:.2s;animation-delay:.2s}.ui.fast.elastic.loader.loader:before,.ui.fast.elastic.loading.loading.loading .input>i.icon:before,.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,.ui.fast.elastic.loading.loading.loading>i.icon:before{-webkit-animation-duration:.66s;animation-duration:.66s}@-webkit-keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes currentcolor-elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:currentColor}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:currentColor}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes currentcolor-elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:currentColor}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:currentColor}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
9
+ */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader::before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader::after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.fast.loader::after,.ui.fast.loading.loading .input>i.icon::after,.ui.fast.loading.loading::after,.ui.fast.loading.loading>i.icon::after{-webkit-animation-duration:.3s;animation-duration:.3s}.ui.slow.loader::after,.ui.slow.loading.loading .input>i.icon::after,.ui.slow.loading.loading::after,.ui.slow.loading.loading>i.icon::after{-webkit-animation-duration:.9s;animation-duration:.9s}@-webkit-keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.dimmer>.loader{display:block}.ui.dimmer>.ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer>.ui.loader:not(.elastic)::before{border-color:rgba(255,255,255,.15)}.ui.inverted.dimmer>.ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.loader:not(.elastic)::before{border-color:rgba(0,0,0,.1)}.ui.ui.ui.ui.text.loader{width:auto;height:auto;text-align:center;font-style:normal}.ui.indeterminate.loader::after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.loader::after,.ui.loader::before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.mini.loader::after,.ui.mini.loader::before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.tiny.loader::after,.ui.tiny.loader::before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.small.loader::after,.ui.small.loader::before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.large.loader::after,.ui.large.loader::before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.big.loader::after,.ui.big.loader::before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.huge.loader::after,.ui.huge.loader::before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.massive.loader::after,.ui.massive.loader::before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.primary.basic.elastic.loading.button::after,.ui.primary.basic.elastic.loading.button::before,.ui.primary.elastic.loader.loader::before,.ui.primary.elastic.loading.loading.loading .input>i.icon::before,.ui.primary.elastic.loading.loading.loading.loading>i.icon::before,.ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.primary.loader.loader.loader::after,.ui.primary.loading.loading.loading.loading .input>i.icon::after,.ui.primary.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.primary.loading.loading.loading.loading>i.icon::after{color:#2185d0}.ui.inverted.primary.elastic.loader::before,.ui.inverted.primary.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.primary.elastic.loading.loading.loading>i.icon::before,.ui.inverted.primary.loader.loader.loader::after,.ui.inverted.primary.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.primary.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.primary.loading.loading.loading.loading>i.icon::after{color:#54c8ff}.ui.secondary.basic.elastic.loading.button::after,.ui.secondary.basic.elastic.loading.button::before,.ui.secondary.elastic.loader.loader::before,.ui.secondary.elastic.loading.loading.loading .input>i.icon::before,.ui.secondary.elastic.loading.loading.loading.loading>i.icon::before,.ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.secondary.loader.loader.loader::after,.ui.secondary.loading.loading.loading.loading .input>i.icon::after,.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.secondary.loading.loading.loading.loading>i.icon::after{color:#1b1c1d}.ui.inverted.secondary.elastic.loader::before,.ui.inverted.secondary.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.secondary.elastic.loading.loading.loading>i.icon::before,.ui.inverted.secondary.loader.loader.loader::after,.ui.inverted.secondary.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.secondary.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.secondary.loading.loading.loading.loading>i.icon::after{color:#545454}.ui.red.basic.elastic.loading.button::after,.ui.red.basic.elastic.loading.button::before,.ui.red.elastic.loader.loader::before,.ui.red.elastic.loading.loading.loading .input>i.icon::before,.ui.red.elastic.loading.loading.loading.loading>i.icon::before,.ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.red.loader.loader.loader::after,.ui.red.loading.loading.loading.loading .input>i.icon::after,.ui.red.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.red.loading.loading.loading.loading>i.icon::after{color:#db2828}.ui.inverted.red.elastic.loader::before,.ui.inverted.red.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.red.elastic.loading.loading.loading>i.icon::before,.ui.inverted.red.loader.loader.loader::after,.ui.inverted.red.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.red.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.red.loading.loading.loading.loading>i.icon::after{color:#ff695e}.ui.orange.basic.elastic.loading.button::after,.ui.orange.basic.elastic.loading.button::before,.ui.orange.elastic.loader.loader::before,.ui.orange.elastic.loading.loading.loading .input>i.icon::before,.ui.orange.elastic.loading.loading.loading.loading>i.icon::before,.ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.orange.loader.loader.loader::after,.ui.orange.loading.loading.loading.loading .input>i.icon::after,.ui.orange.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.orange.loading.loading.loading.loading>i.icon::after{color:#f2711c}.ui.inverted.orange.elastic.loader::before,.ui.inverted.orange.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.orange.elastic.loading.loading.loading>i.icon::before,.ui.inverted.orange.loader.loader.loader::after,.ui.inverted.orange.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.orange.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.orange.loading.loading.loading.loading>i.icon::after{color:#ff851b}.ui.yellow.basic.elastic.loading.button::after,.ui.yellow.basic.elastic.loading.button::before,.ui.yellow.elastic.loader.loader::before,.ui.yellow.elastic.loading.loading.loading .input>i.icon::before,.ui.yellow.elastic.loading.loading.loading.loading>i.icon::before,.ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.yellow.loader.loader.loader::after,.ui.yellow.loading.loading.loading.loading .input>i.icon::after,.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.yellow.loading.loading.loading.loading>i.icon::after{color:#fbbd08}.ui.inverted.yellow.elastic.loader::before,.ui.inverted.yellow.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.yellow.elastic.loading.loading.loading>i.icon::before,.ui.inverted.yellow.loader.loader.loader::after,.ui.inverted.yellow.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.yellow.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.yellow.loading.loading.loading.loading>i.icon::after{color:#ffe21f}.ui.olive.basic.elastic.loading.button::after,.ui.olive.basic.elastic.loading.button::before,.ui.olive.elastic.loader.loader::before,.ui.olive.elastic.loading.loading.loading .input>i.icon::before,.ui.olive.elastic.loading.loading.loading.loading>i.icon::before,.ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.olive.loader.loader.loader::after,.ui.olive.loading.loading.loading.loading .input>i.icon::after,.ui.olive.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.olive.loading.loading.loading.loading>i.icon::after{color:#b5cc18}.ui.inverted.olive.elastic.loader::before,.ui.inverted.olive.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.olive.elastic.loading.loading.loading>i.icon::before,.ui.inverted.olive.loader.loader.loader::after,.ui.inverted.olive.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.olive.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.olive.loading.loading.loading.loading>i.icon::after{color:#d9e778}.ui.green.basic.elastic.loading.button::after,.ui.green.basic.elastic.loading.button::before,.ui.green.elastic.loader.loader::before,.ui.green.elastic.loading.loading.loading .input>i.icon::before,.ui.green.elastic.loading.loading.loading.loading>i.icon::before,.ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.green.loader.loader.loader::after,.ui.green.loading.loading.loading.loading .input>i.icon::after,.ui.green.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.green.loading.loading.loading.loading>i.icon::after{color:#21ba45}.ui.inverted.green.elastic.loader::before,.ui.inverted.green.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.green.elastic.loading.loading.loading>i.icon::before,.ui.inverted.green.loader.loader.loader::after,.ui.inverted.green.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.green.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.green.loading.loading.loading.loading>i.icon::after{color:#2ecc40}.ui.teal.basic.elastic.loading.button::after,.ui.teal.basic.elastic.loading.button::before,.ui.teal.elastic.loader.loader::before,.ui.teal.elastic.loading.loading.loading .input>i.icon::before,.ui.teal.elastic.loading.loading.loading.loading>i.icon::before,.ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.teal.loader.loader.loader::after,.ui.teal.loading.loading.loading.loading .input>i.icon::after,.ui.teal.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.teal.loading.loading.loading.loading>i.icon::after{color:#00b5ad}.ui.inverted.teal.elastic.loader::before,.ui.inverted.teal.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.teal.elastic.loading.loading.loading>i.icon::before,.ui.inverted.teal.loader.loader.loader::after,.ui.inverted.teal.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.teal.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.teal.loading.loading.loading.loading>i.icon::after{color:#6dffff}.ui.blue.basic.elastic.loading.button::after,.ui.blue.basic.elastic.loading.button::before,.ui.blue.elastic.loader.loader::before,.ui.blue.elastic.loading.loading.loading .input>i.icon::before,.ui.blue.elastic.loading.loading.loading.loading>i.icon::before,.ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.blue.loader.loader.loader::after,.ui.blue.loading.loading.loading.loading .input>i.icon::after,.ui.blue.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.blue.loading.loading.loading.loading>i.icon::after{color:#2185d0}.ui.inverted.blue.elastic.loader::before,.ui.inverted.blue.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.blue.elastic.loading.loading.loading>i.icon::before,.ui.inverted.blue.loader.loader.loader::after,.ui.inverted.blue.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.blue.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.blue.loading.loading.loading.loading>i.icon::after{color:#54c8ff}.ui.violet.basic.elastic.loading.button::after,.ui.violet.basic.elastic.loading.button::before,.ui.violet.elastic.loader.loader::before,.ui.violet.elastic.loading.loading.loading .input>i.icon::before,.ui.violet.elastic.loading.loading.loading.loading>i.icon::before,.ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.violet.loader.loader.loader::after,.ui.violet.loading.loading.loading.loading .input>i.icon::after,.ui.violet.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.violet.loading.loading.loading.loading>i.icon::after{color:#6435c9}.ui.inverted.violet.elastic.loader::before,.ui.inverted.violet.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.violet.elastic.loading.loading.loading>i.icon::before,.ui.inverted.violet.loader.loader.loader::after,.ui.inverted.violet.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.violet.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.violet.loading.loading.loading.loading>i.icon::after{color:#a291fb}.ui.purple.basic.elastic.loading.button::after,.ui.purple.basic.elastic.loading.button::before,.ui.purple.elastic.loader.loader::before,.ui.purple.elastic.loading.loading.loading .input>i.icon::before,.ui.purple.elastic.loading.loading.loading.loading>i.icon::before,.ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.purple.loader.loader.loader::after,.ui.purple.loading.loading.loading.loading .input>i.icon::after,.ui.purple.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.purple.loading.loading.loading.loading>i.icon::after{color:#a333c8}.ui.inverted.purple.elastic.loader::before,.ui.inverted.purple.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.purple.elastic.loading.loading.loading>i.icon::before,.ui.inverted.purple.loader.loader.loader::after,.ui.inverted.purple.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.purple.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.purple.loading.loading.loading.loading>i.icon::after{color:#dc73ff}.ui.pink.basic.elastic.loading.button::after,.ui.pink.basic.elastic.loading.button::before,.ui.pink.elastic.loader.loader::before,.ui.pink.elastic.loading.loading.loading .input>i.icon::before,.ui.pink.elastic.loading.loading.loading.loading>i.icon::before,.ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.pink.loader.loader.loader::after,.ui.pink.loading.loading.loading.loading .input>i.icon::after,.ui.pink.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.pink.loading.loading.loading.loading>i.icon::after{color:#e03997}.ui.inverted.pink.elastic.loader::before,.ui.inverted.pink.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.pink.elastic.loading.loading.loading>i.icon::before,.ui.inverted.pink.loader.loader.loader::after,.ui.inverted.pink.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.pink.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.pink.loading.loading.loading.loading>i.icon::after{color:#ff8edf}.ui.brown.basic.elastic.loading.button::after,.ui.brown.basic.elastic.loading.button::before,.ui.brown.elastic.loader.loader::before,.ui.brown.elastic.loading.loading.loading .input>i.icon::before,.ui.brown.elastic.loading.loading.loading.loading>i.icon::before,.ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.brown.loader.loader.loader::after,.ui.brown.loading.loading.loading.loading .input>i.icon::after,.ui.brown.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.brown.loading.loading.loading.loading>i.icon::after{color:#a5673f}.ui.inverted.brown.elastic.loader::before,.ui.inverted.brown.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.brown.elastic.loading.loading.loading>i.icon::before,.ui.inverted.brown.loader.loader.loader::after,.ui.inverted.brown.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.brown.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.brown.loading.loading.loading.loading>i.icon::after{color:#d67c1c}.ui.grey.basic.elastic.loading.button::after,.ui.grey.basic.elastic.loading.button::before,.ui.grey.elastic.loader.loader::before,.ui.grey.elastic.loading.loading.loading .input>i.icon::before,.ui.grey.elastic.loading.loading.loading.loading>i.icon::before,.ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.grey.loader.loader.loader::after,.ui.grey.loading.loading.loading.loading .input>i.icon::after,.ui.grey.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.grey.loading.loading.loading.loading>i.icon::after{color:#767676}.ui.inverted.grey.elastic.loader::before,.ui.inverted.grey.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.grey.elastic.loading.loading.loading>i.icon::before,.ui.inverted.grey.loader.loader.loader::after,.ui.inverted.grey.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.grey.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.grey.loading.loading.loading.loading>i.icon::after{color:#dcddde}.ui.black.basic.elastic.loading.button::after,.ui.black.basic.elastic.loading.button::before,.ui.black.elastic.loader.loader::before,.ui.black.elastic.loading.loading.loading .input>i.icon::before,.ui.black.elastic.loading.loading.loading.loading>i.icon::before,.ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.black.loader.loader.loader::after,.ui.black.loading.loading.loading.loading .input>i.icon::after,.ui.black.loading.loading.loading.loading:not(.usual):not(.button)::after,.ui.black.loading.loading.loading.loading>i.icon::after{color:#1b1c1d}.ui.inverted.black.elastic.loader::before,.ui.inverted.black.elastic.loading.loading.loading .input>i.icon::before,.ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,.ui.inverted.black.elastic.loading.loading.loading>i.icon::before,.ui.inverted.black.loader.loader.loader::after,.ui.inverted.black.loading.loading.loading.loading .input>i.icon::after,.ui.inverted.black.loading.loading.loading.loading:not(.usual)::after,.ui.inverted.black.loading.loading.loading.loading>i.icon::after{color:#545454}.ui.elastic.loader.loader::before,.ui.elastic.loading.loading.loading .input>i.icon::before,.ui.elastic.loading.loading.loading::before,.ui.elastic.loading.loading.loading>i.icon::before,.ui.loader.loader.loader::after,.ui.loading.loading.loading.loading .input>i.icon::after,.ui.loading.loading.loading.loading:not(.usual)::after,.ui.loading.loading.loading.loading>i.icon::after{border-color:currentColor}.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before{color:#fff}.ui.elastic.basic.loading.button::after,.ui.elastic.basic.loading.button::before{color:#767676}.ui.double.loading.loading.loading.loading.button::after{border-bottom-color:currentColor}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}.ui.loader.loader.loader.loader.loader::after,.ui.loading.loading.loading.loading.loading.loading .input>i.icon::after,.ui.loading.loading.loading.loading.loading.loading::after,.ui.loading.loading.loading.loading.loading.loading>i.icon::after{border-left-color:transparent;border-right-color:transparent}.ui.loader.loader.loader.loader.loader.loader:not(.double)::after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input>i.icon::after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)>i.icon::after{border-bottom-color:transparent}.ui.loading.loading.loading.loading.loading.loading.card::after,.ui.loading.loading.loading.loading.loading.loading.form::after,.ui.loading.loading.loading.loading.loading.loading.segment::after,.ui.loading.loading.loading.loading.loading.loading.segments::after{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}.ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,.ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after,.ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,.ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after{border-bottom-color:rgba(0,0,0,.1)}.ui.dimmer>.ui.elastic.loader{color:#fff}.ui.inverted.dimmer>.ui.elastic.loader{color:#767676}.ui.elastic.loader.loader::after,.ui.elastic.loading.loading .input>i.icon::after,.ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.elastic.loading.loading>i.icon::after{-webkit-animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-webkit-animation-delay:.3s;animation-delay:.3s}.ui.elastic.loader.loader::before,.ui.elastic.loading.loading.loading .input>i.icon::before,.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.elastic.loading.loading.loading>i.icon::before{-webkit-animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-moz-animation:currentcolor-elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);border-right-color:transparent}.ui.elastic.inline.loader:empty{-webkit-animation:loader 8s infinite linear;animation:loader 8s infinite linear}.ui.slow.elastic.loader.loader::after,.ui.slow.elastic.loading.loading .input>i.icon::after,.ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.slow.elastic.loading.loading>i.icon::after{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.45s;animation-delay:.45s}.ui.slow.elastic.loader.loader::before,.ui.slow.elastic.loading.loading.loading .input>i.icon::before,.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.slow.elastic.loading.loading.loading>i.icon::before{-webkit-animation-duration:1.5s;animation-duration:1.5s}.ui.fast.elastic.loader.loader::after,.ui.fast.elastic.loading.loading .input>i.icon::after,.ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,.ui.fast.elastic.loading.loading>i.icon::after{-webkit-animation-duration:.66s;animation-duration:.66s;-webkit-animation-delay:.2s;animation-delay:.2s}.ui.fast.elastic.loader.loader::before,.ui.fast.elastic.loading.loading.loading .input>i.icon::before,.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,.ui.fast.elastic.loading.loading.loading>i.icon::before{-webkit-animation-duration:.66s;animation-duration:.66s}@-webkit-keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes currentcolor-elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:currentColor}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:currentColor}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes currentcolor-elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:currentColor}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:currentColor}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
package/dist/components/menu.css CHANGED
@@ -33,7 +33,7 @@
33
33
  border-radius: 0.28571429rem;
34
34
  min-height: 2.85714286em;
35
35
  }
36
- .ui.menu:after {
36
+ .ui.menu::after {
37
37
  content: '';
38
38
  display: block;
39
39
  height: 0;
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  /* Border */
103
- .ui.menu .item:before {
103
+ .ui.menu .item::before {
104
104
  position: absolute;
105
105
  content: '';
106
106
  top: 0;
@@ -383,7 +383,7 @@
383
383
 
384
384
 
385
385
  /* Menu divider shouldn't apply */
386
- .ui.menu .list .item:before {
386
+ .ui.menu .list .item::before {
387
387
  background: none !important;
388
388
  }
389
389
 
@@ -393,7 +393,7 @@
393
393
 
394
394
 
395
395
  /* Show vertical dividers below last */
396
- .ui.vertical.sidebar.menu > .item:first-child:before {
396
+ .ui.vertical.sidebar.menu > .item:first-child::before {
397
397
  display: block !important;
398
398
  }
399
399
  .ui.vertical.sidebar.menu > .item::before {
@@ -596,7 +596,7 @@ Floated Menu / Item
596
596
 
597
597
  /*--- Border ---*/
598
598
 
599
- .ui.vertical.menu .item:before {
599
+ .ui.vertical.menu .item::before {
600
600
  position: absolute;
601
601
  content: '';
602
602
  top: 0;
@@ -605,7 +605,7 @@ Floated Menu / Item
605
605
  height: 1px;
606
606
  background: rgba(34, 36, 38, 0.1);
607
607
  }
608
- .ui.vertical.menu .item:first-child:before {
608
+ .ui.vertical.menu .item:first-child::before {
609
609
  display: none !important;
610
610
  }
611
611
 
@@ -624,7 +624,7 @@ Floated Menu / Item
624
624
  .ui.vertical.menu .item .menu .link.item:hover {
625
625
  color: rgba(0, 0, 0, 0.85);
626
626
  }
627
- .ui.vertical.menu .menu .item:before {
627
+ .ui.vertical.menu .menu .item::before {
628
628
  display: none;
629
629
  }
630
630
 
@@ -677,7 +677,7 @@ Floated Menu / Item
677
677
  padding: 0.92857143em 1.42857143em;
678
678
  color: rgba(0, 0, 0, 0.87);
679
679
  }
680
- .ui.tabular.menu .item:before {
680
+ .ui.tabular.menu .item::before {
681
681
  display: none;
682
682
  }
683
683
 
@@ -699,10 +699,12 @@ Floated Menu / Item
699
699
  box-shadow: none;
700
700
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
701
701
  }
702
+ .ui.tabular.menu .active.item:hover {
703
+ cursor: default;
704
+ }
702
705
 
703
706
  /* Coupling with segment for attachment */
704
- .ui.tabular.menu + .attached:not(.top).segment,
705
- .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
707
+ .ui.tabular.menu ~ .attached:not(.top).segment {
706
708
  border-top: none;
707
709
  margin-left: 0;
708
710
  margin-top: 0;
@@ -796,6 +798,16 @@ Floated Menu / Item
796
798
  border-top: 2px solid transparent;
797
799
  border-bottom: none;
798
800
  }
801
+ .ui.inverted.tabular.menu .active.item,
802
+ .ui.inverted.tabular.menu .active.item:hover {
803
+ background: none #1B1C1D;
804
+ border-color: #555555;
805
+ }
806
+ .ui.inverted.tabular.menu .item:not(.active):hover {
807
+ color: #ffffff;
808
+ background: transparent;
809
+ cursor: pointer;
810
+ }
799
811
 
800
812
  /*--------------
801
813
  Pagination
@@ -814,7 +826,7 @@ Floated Menu / Item
814
826
  .ui.compact.menu .item:last-child {
815
827
  border-radius: 0 0.28571429rem 0.28571429rem 0;
816
828
  }
817
- .ui.pagination.menu .item:last-child:before {
829
+ .ui.pagination.menu .item:last-child::before {
818
830
  display: none;
819
831
  }
820
832
  .ui.pagination.menu .item {
@@ -865,7 +877,7 @@ Floated Menu / Item
865
877
  }
866
878
 
867
879
  /* No Divider */
868
- .ui.secondary.menu .item:before {
880
+ .ui.secondary.menu .item::before {
869
881
  display: none !important;
870
882
  }
871
883
 
@@ -1008,7 +1020,7 @@ Floated Menu / Item
1008
1020
  -webkit-box-shadow: none !important;
1009
1021
  box-shadow: none !important;
1010
1022
  }
1011
- .ui.secondary.pointing.menu .item:after {
1023
+ .ui.secondary.pointing.menu .item::after {
1012
1024
  display: none;
1013
1025
  }
1014
1026
 
@@ -1121,8 +1133,8 @@ Floated Menu / Item
1121
1133
  }
1122
1134
 
1123
1135
  /* Border */
1124
- .ui.text.menu .item:before,
1125
- .ui.text.menu .menu .item:before {
1136
+ .ui.text.menu .item::before,
1137
+ .ui.text.menu .menu .item::before {
1126
1138
  display: none !important;
1127
1139
  }
1128
1140
 
@@ -1205,7 +1217,7 @@ Floated Menu / Item
1205
1217
  }
1206
1218
 
1207
1219
  /* Disable Bariations */
1208
- .ui.text.pointing.menu .active.item:after {
1220
+ .ui.text.pointing.menu .active.item::after {
1209
1221
  -webkit-box-shadow: none;
1210
1222
  box-shadow: none;
1211
1223
  }
@@ -1229,8 +1241,8 @@ Floated Menu / Item
1229
1241
  }
1230
1242
 
1231
1243
  /*--------------
1232
- Icon Only
1233
- ---------------*/
1244
+ Icon Only
1245
+ ---------------*/
1234
1246
 
1235
1247
 
1236
1248
  /* Vertical Menu */
@@ -1253,7 +1265,7 @@ Floated Menu / Item
1253
1265
  }
1254
1266
 
1255
1267
  /* Icon Glyph */
1256
- .ui.icon.menu i.icon:before {
1268
+ .ui.icon.menu i.icon::before {
1257
1269
  opacity: 1;
1258
1270
  }
1259
1271
 
@@ -1325,10 +1337,13 @@ Floated Menu / Item
1325
1337
  -ms-flex-direction: column;
1326
1338
  flex-direction: column;
1327
1339
  }
1340
+ .ui.stackable.menu.pointing .active.item::after {
1341
+ display: none;
1342
+ }
1328
1343
  .ui.stackable.menu .item {
1329
1344
  width: 100% !important;
1330
1345
  }
1331
- .ui.stackable.menu .item:before {
1346
+ .ui.stackable.menu .item::before {
1332
1347
  position: absolute;
1333
1348
  content: '';
1334
1349
  top: auto;
@@ -1459,10 +1474,10 @@ Floated Menu / Item
1459
1474
 
1460
1475
  /*--- Border ---*/
1461
1476
 
1462
- .ui.inverted.menu .item:before {
1477
+ .ui.inverted.menu .item::before {
1463
1478
  background: rgba(255, 255, 255, 0.08);
1464
1479
  }
1465
- .ui.vertical.inverted.menu .item:before {
1480
+ .ui.vertical.inverted.menu .item::before {
1466
1481
  background: rgba(255, 255, 255, 0.08);
1467
1482
  }
1468
1483
 
@@ -1518,7 +1533,7 @@ Floated Menu / Item
1518
1533
  background: transparent;
1519
1534
  color: #FFFFFF;
1520
1535
  }
1521
- .ui.inverted.pointing.menu .active.item:after {
1536
+ .ui.inverted.pointing.menu .active.item::after {
1522
1537
  background: #3D3E3F;
1523
1538
  margin: 0 !important;
1524
1539
  -webkit-box-shadow: none !important;
@@ -1532,7 +1547,7 @@ Floated Menu / Item
1532
1547
  background: #3D3E3F;
1533
1548
  color: #FFFFFF !important;
1534
1549
  }
1535
- .ui.inverted.pointing.menu .active.item:hover:after {
1550
+ .ui.inverted.pointing.menu .active.item:hover::after {
1536
1551
  background: #3D3E3F;
1537
1552
  }
1538
1553
 
@@ -1544,13 +1559,22 @@ Floated Menu / Item
1544
1559
  float: left;
1545
1560
  margin: 0 0.5rem 0 0;
1546
1561
  }
1547
- .ui.floated.menu .item:last-child:before {
1562
+ .ui.floated.menu .item:last-child::before {
1548
1563
  display: none;
1549
1564
  }
1550
1565
  .ui.right.floated.menu {
1551
1566
  float: right;
1552
1567
  margin: 0 0 0 0.5rem;
1553
1568
  }
1569
+ .ui.center.aligned.menu,
1570
+ .ui.centered.menu {
1571
+ display: -webkit-inline-box;
1572
+ display: -ms-inline-flexbox;
1573
+ display: inline-flex;
1574
+ -webkit-transform: translateX(-50%);
1575
+ transform: translateX(-50%);
1576
+ margin-left: 50%;
1577
+ }
1554
1578
 
1555
1579
  /*--------------
1556
1580
  Inverted
@@ -1560,7 +1584,7 @@ Floated Menu / Item
1560
1584
  .ui.ui.inverted.primary.menu {
1561
1585
  background-color: #2185D0;
1562
1586
  }
1563
- .ui.inverted.primary.menu .item:before {
1587
+ .ui.inverted.primary.menu .item::before {
1564
1588
  background-color: rgba(34, 36, 38, 0.1);
1565
1589
  }
1566
1590
  .ui.ui.inverted.primary.menu .active.item {
@@ -1573,7 +1597,7 @@ Floated Menu / Item
1573
1597
  .ui.ui.inverted.red.menu {
1574
1598
  background-color: #DB2828;
1575
1599
  }
1576
- .ui.inverted.red.menu .item:before {
1600
+ .ui.inverted.red.menu .item::before {
1577
1601
  background-color: rgba(34, 36, 38, 0.1);
1578
1602
  }
1579
1603
  .ui.ui.inverted.red.menu .active.item {
@@ -1586,7 +1610,7 @@ Floated Menu / Item
1586
1610
  .ui.ui.inverted.orange.menu {
1587
1611
  background-color: #F2711C;
1588
1612
  }
1589
- .ui.inverted.orange.menu .item:before {
1613
+ .ui.inverted.orange.menu .item::before {
1590
1614
  background-color: rgba(34, 36, 38, 0.1);
1591
1615
  }
1592
1616
  .ui.ui.inverted.orange.menu .active.item {
@@ -1599,7 +1623,7 @@ Floated Menu / Item
1599
1623
  .ui.ui.inverted.yellow.menu {
1600
1624
  background-color: #FBBD08;
1601
1625
  }
1602
- .ui.inverted.yellow.menu .item:before {
1626
+ .ui.inverted.yellow.menu .item::before {
1603
1627
  background-color: rgba(34, 36, 38, 0.1);
1604
1628
  }
1605
1629
  .ui.ui.inverted.yellow.menu .active.item {
@@ -1612,7 +1636,7 @@ Floated Menu / Item
1612
1636
  .ui.ui.inverted.olive.menu {
1613
1637
  background-color: #B5CC18;
1614
1638
  }
1615
- .ui.inverted.olive.menu .item:before {
1639
+ .ui.inverted.olive.menu .item::before {
1616
1640
  background-color: rgba(34, 36, 38, 0.1);
1617
1641
  }
1618
1642
  .ui.ui.inverted.olive.menu .active.item {
@@ -1625,7 +1649,7 @@ Floated Menu / Item
1625
1649
  .ui.ui.inverted.green.menu {
1626
1650
  background-color: #21BA45;
1627
1651
  }
1628
- .ui.inverted.green.menu .item:before {
1652
+ .ui.inverted.green.menu .item::before {
1629
1653
  background-color: rgba(34, 36, 38, 0.1);
1630
1654
  }
1631
1655
  .ui.ui.inverted.green.menu .active.item {
@@ -1638,7 +1662,7 @@ Floated Menu / Item
1638
1662
  .ui.ui.inverted.teal.menu {
1639
1663
  background-color: #00B5AD;
1640
1664
  }
1641
- .ui.inverted.teal.menu .item:before {
1665
+ .ui.inverted.teal.menu .item::before {
1642
1666
  background-color: rgba(34, 36, 38, 0.1);
1643
1667
  }
1644
1668
  .ui.ui.inverted.teal.menu .active.item {
@@ -1651,7 +1675,7 @@ Floated Menu / Item
1651
1675
  .ui.ui.inverted.blue.menu {
1652
1676
  background-color: #2185D0;
1653
1677
  }
1654
- .ui.inverted.blue.menu .item:before {
1678
+ .ui.inverted.blue.menu .item::before {
1655
1679
  background-color: rgba(34, 36, 38, 0.1);
1656
1680
  }
1657
1681
  .ui.ui.inverted.blue.menu .active.item {
@@ -1664,7 +1688,7 @@ Floated Menu / Item
1664
1688
  .ui.ui.inverted.violet.menu {
1665
1689
  background-color: #6435C9;
1666
1690
  }
1667
- .ui.inverted.violet.menu .item:before {
1691
+ .ui.inverted.violet.menu .item::before {
1668
1692
  background-color: rgba(34, 36, 38, 0.1);
1669
1693
  }
1670
1694
  .ui.ui.inverted.violet.menu .active.item {
@@ -1677,7 +1701,7 @@ Floated Menu / Item
1677
1701
  .ui.ui.inverted.purple.menu {
1678
1702
  background-color: #A333C8;
1679
1703
  }
1680
- .ui.inverted.purple.menu .item:before {
1704
+ .ui.inverted.purple.menu .item::before {
1681
1705
  background-color: rgba(34, 36, 38, 0.1);
1682
1706
  }
1683
1707
  .ui.ui.inverted.purple.menu .active.item {
@@ -1690,7 +1714,7 @@ Floated Menu / Item
1690
1714
  .ui.ui.inverted.pink.menu {
1691
1715
  background-color: #E03997;
1692
1716
  }
1693
- .ui.inverted.pink.menu .item:before {
1717
+ .ui.inverted.pink.menu .item::before {
1694
1718
  background-color: rgba(34, 36, 38, 0.1);
1695
1719
  }
1696
1720
  .ui.ui.inverted.pink.menu .active.item {
@@ -1703,7 +1727,7 @@ Floated Menu / Item
1703
1727
  .ui.ui.inverted.brown.menu {
1704
1728
  background-color: #A5673F;
1705
1729
  }
1706
- .ui.inverted.brown.menu .item:before {
1730
+ .ui.inverted.brown.menu .item::before {
1707
1731
  background-color: rgba(34, 36, 38, 0.1);
1708
1732
  }
1709
1733
  .ui.ui.inverted.brown.menu .active.item {
@@ -1716,7 +1740,7 @@ Floated Menu / Item
1716
1740
  .ui.ui.inverted.grey.menu {
1717
1741
  background-color: #767676;
1718
1742
  }
1719
- .ui.inverted.grey.menu .item:before {
1743
+ .ui.inverted.grey.menu .item::before {
1720
1744
  background-color: rgba(34, 36, 38, 0.1);
1721
1745
  }
1722
1746
  .ui.ui.inverted.grey.menu .active.item {
@@ -1729,7 +1753,7 @@ Floated Menu / Item
1729
1753
  .ui.ui.inverted.black.menu {
1730
1754
  background-color: #1B1C1D;
1731
1755
  }
1732
- .ui.inverted.black.menu .item:before {
1756
+ .ui.inverted.black.menu .item::before {
1733
1757
  background-color: rgba(34, 36, 38, 0.1);
1734
1758
  }
1735
1759
  .ui.ui.inverted.black.menu .active.item {
@@ -1738,7 +1762,7 @@ Floated Menu / Item
1738
1762
  .ui.inverted.pointing.black.menu .active.item {
1739
1763
  background-color: #27292a;
1740
1764
  }
1741
- .ui.ui.ui.inverted.pointing.menu .active.item:after {
1765
+ .ui.ui.ui.inverted.pointing.menu .active.item::after {
1742
1766
  background-color: inherit;
1743
1767
  }
1744
1768
 
@@ -1768,9 +1792,9 @@ Floated Menu / Item
1768
1792
  Borderless
1769
1793
  ---------------*/
1770
1794
 
1771
- .ui.borderless.menu .item:before,
1772
- .ui.borderless.menu .item .menu .item:before,
1773
- .ui.menu .borderless.item:before {
1795
+ .ui.borderless.menu .item::before,
1796
+ .ui.borderless.menu .item .menu .item::before,
1797
+ .ui.menu .borderless.item::before {
1774
1798
  background: none !important;
1775
1799
  }
1776
1800
 
@@ -1794,7 +1818,7 @@ Floated Menu / Item
1794
1818
  .ui.compact.menu:not(.secondary) .item:last-child {
1795
1819
  border-radius: 0 0.28571429rem 0.28571429rem 0;
1796
1820
  }
1797
- .ui.compact.menu .item:last-child:before {
1821
+ .ui.compact.menu .item:last-child::before {
1798
1822
  display: none;
1799
1823
  }
1800
1824
  .ui.compact.vertical.menu {
@@ -1832,7 +1856,7 @@ Floated Menu / Item
1832
1856
  .ui.attached.item.menu:not(.tabular) {
1833
1857
  margin: 0 -1px !important;
1834
1858
  }
1835
- .ui.item.menu .item:last-child:before {
1859
+ .ui.item.menu .item:last-child::before {
1836
1860
  display: none;
1837
1861
  }
1838
1862
  .ui.menu.two.item .item {
@@ -1937,7 +1961,7 @@ Floated Menu / Item
1937
1961
  Pointing
1938
1962
  --------------------*/
1939
1963
 
1940
- .ui.pointing.menu .item:after {
1964
+ .ui.pointing.menu .item::after {
1941
1965
  visibility: hidden;
1942
1966
  position: absolute;
1943
1967
  content: '';
@@ -1956,7 +1980,7 @@ Floated Menu / Item
1956
1980
  -webkit-transition: background 0.1s ease;
1957
1981
  transition: background 0.1s ease;
1958
1982
  }
1959
- .ui.vertical.pointing.menu .item:after {
1983
+ .ui.vertical.pointing.menu .item::after {
1960
1984
  position: absolute;
1961
1985
  top: 50%;
1962
1986
  right: 0;
@@ -1969,87 +1993,92 @@ Floated Menu / Item
1969
1993
  border-top: 1px solid #D4D4D5;
1970
1994
  border-right: 1px solid #D4D4D5;
1971
1995
  }
1972
- .ui.pointing.menu .ui.dropdown .menu .item:after,
1973
- .ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
1996
+ .ui.pointing.menu .ui.dropdown .menu .item::after,
1997
+ .ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
1974
1998
  display: none;
1975
1999
  }
1976
2000
 
1977
2001
  /* Active */
1978
- .ui.pointing.menu .active.item:after {
2002
+ .ui.pointing.menu .active.item::after {
1979
2003
  visibility: visible;
1980
2004
  }
1981
- .ui.pointing.menu .active.dropdown.item:after {
2005
+ .ui.pointing.menu .active.dropdown.item::after {
1982
2006
  visibility: hidden;
1983
2007
  }
1984
2008
 
1985
2009
  /* Don't double up pointers */
1986
- .ui.pointing.menu .dropdown.active.item:after,
1987
- .ui.pointing.menu .active.item .menu .active.item:after {
2010
+ .ui.pointing.menu .dropdown.active.item::after,
2011
+ .ui.pointing.menu .active.item .menu .active.item::after {
1988
2012
  display: none;
1989
2013
  }
1990
2014
 
1991
2015
  /* Colors */
1992
- .ui.pointing.menu .active.item:hover:after {
2016
+ .ui.pointing.menu .active.item:hover::after {
1993
2017
  background-color: #F2F2F2;
1994
2018
  }
1995
- .ui.pointing.menu .active.item:after {
2019
+ .ui.pointing.menu .active.item::after {
1996
2020
  background-color: #F2F2F2;
1997
2021
  }
1998
- .ui.pointing.menu .active.item:hover:after {
2022
+ .ui.pointing.menu .active.item:hover::after {
1999
2023
  background-color: #F2F2F2;
2000
2024
  }
2001
- .ui.vertical.pointing.menu .active.item:hover:after {
2025
+ .ui.vertical.pointing.menu .active.item:hover::after {
2002
2026
  background-color: #F2F2F2;
2003
2027
  }
2004
- .ui.vertical.pointing.menu .active.item:after {
2028
+ .ui.vertical.pointing.menu .active.item::after {
2005
2029
  background-color: #F2F2F2;
2006
2030
  }
2007
- .ui.vertical.pointing.menu .menu .active.item:after {
2031
+ .ui.vertical.pointing.menu .menu .active.item::after {
2008
2032
  background-color: #FFFFFF;
2009
2033
  }
2010
- .ui.inverted.pointing.menu .primary.active.item:after {
2034
+ @media only screen and (max-width: 767.98px) {
2035
+ .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
2036
+ display: none;
2037
+ }
2038
+ }
2039
+ .ui.inverted.pointing.menu .primary.active.item::after {
2011
2040
  background-color: #2185D0;
2012
2041
  }
2013
- .ui.inverted.pointing.menu .secondary.active.item:after {
2042
+ .ui.inverted.pointing.menu .secondary.active.item::after {
2014
2043
  background-color: #1B1C1D;
2015
2044
  }
2016
- .ui.inverted.pointing.menu .red.active.item:after {
2045
+ .ui.inverted.pointing.menu .red.active.item::after {
2017
2046
  background-color: #DB2828;
2018
2047
  }
2019
- .ui.inverted.pointing.menu .orange.active.item:after {
2048
+ .ui.inverted.pointing.menu .orange.active.item::after {
2020
2049
  background-color: #F2711C;
2021
2050
  }
2022
- .ui.inverted.pointing.menu .yellow.active.item:after {
2051
+ .ui.inverted.pointing.menu .yellow.active.item::after {
2023
2052
  background-color: #FBBD08;
2024
2053
  }
2025
- .ui.inverted.pointing.menu .olive.active.item:after {
2054
+ .ui.inverted.pointing.menu .olive.active.item::after {
2026
2055
  background-color: #B5CC18;
2027
2056
  }
2028
- .ui.inverted.pointing.menu .green.active.item:after {
2057
+ .ui.inverted.pointing.menu .green.active.item::after {
2029
2058
  background-color: #21BA45;
2030
2059
  }
2031
- .ui.inverted.pointing.menu .teal.active.item:after {
2060
+ .ui.inverted.pointing.menu .teal.active.item::after {
2032
2061
  background-color: #00B5AD;
2033
2062
  }
2034
- .ui.inverted.pointing.menu .blue.active.item:after {
2063
+ .ui.inverted.pointing.menu .blue.active.item::after {
2035
2064
  background-color: #2185D0;
2036
2065
  }
2037
- .ui.inverted.pointing.menu .violet.active.item:after {
2066
+ .ui.inverted.pointing.menu .violet.active.item::after {
2038
2067
  background-color: #6435C9;
2039
2068
  }
2040
- .ui.inverted.pointing.menu .purple.active.item:after {
2069
+ .ui.inverted.pointing.menu .purple.active.item::after {
2041
2070
  background-color: #A333C8;
2042
2071
  }
2043
- .ui.inverted.pointing.menu .pink.active.item:after {
2072
+ .ui.inverted.pointing.menu .pink.active.item::after {
2044
2073
  background-color: #E03997;
2045
2074
  }
2046
- .ui.inverted.pointing.menu .brown.active.item:after {
2075
+ .ui.inverted.pointing.menu .brown.active.item::after {
2047
2076
  background-color: #A5673F;
2048
2077
  }
2049
- .ui.inverted.pointing.menu .grey.active.item:after {
2078
+ .ui.inverted.pointing.menu .grey.active.item::after {
2050
2079
  background-color: #767676;
2051
2080
  }
2052
- .ui.inverted.pointing.menu .black.active.item:after {
2081
+ .ui.inverted.pointing.menu .black.active.item::after {
2053
2082
  background-color: #1B1C1D;
2054
2083
  }
2055
2084
 
@@ -2108,12 +2137,15 @@ Floated Menu / Item
2108
2137
  }
2109
2138
 
2110
2139
  /* Tabular Attached */
2111
- .ui.attached.menu:not(.tabular) {
2140
+ .ui.attached.menu:not(.tabular):not(.text) {
2112
2141
  border: 1px solid #D4D4D5;
2113
2142
  }
2114
2143
  .ui.attached.inverted.menu {
2115
2144
  border: none;
2116
2145
  }
2146
+ .ui[class*="top attached"].inverted.tabular.menu {
2147
+ border-bottom: 1px solid #555555;
2148
+ }
2117
2149
  .ui.attached.tabular.menu {
2118
2150
  margin-left: 0;
2119
2151
  margin-right: 0;