fomantic-ui 2.9.0-beta.98 → 2.9.0

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 (442) hide show
  1. package/.all-contributorsrc +86 -1
  2. package/.github/codeql/codeql-config.yml +4 -0
  3. package/.github/dependabot.yml +10 -0
  4. package/.github/workflows/ci.yml +10 -6
  5. package/.github/workflows/codeql.yml +68 -0
  6. package/.github/workflows/nightly.yml +16 -8
  7. package/.github/workflows/release.yml +34 -0
  8. package/CHANGELOG.md +925 -650
  9. package/CONTRIBUTORS.md +16 -1
  10. package/FAQ.md +38 -38
  11. package/README.md +7 -7
  12. package/dist/components/accordion.css +136 -40
  13. package/dist/components/accordion.js +10 -4
  14. package/dist/components/accordion.min.css +2 -2
  15. package/dist/components/accordion.min.js +3 -3
  16. package/dist/components/ad.css +4 -4
  17. package/dist/components/ad.min.css +2 -2
  18. package/dist/components/api.js +82 -25
  19. package/dist/components/api.min.js +3 -3
  20. package/dist/components/breadcrumb.css +1 -1
  21. package/dist/components/breadcrumb.min.css +1 -1
  22. package/dist/components/button.css +124 -77
  23. package/dist/components/button.min.css +2 -2
  24. package/dist/components/calendar.css +18 -1
  25. package/dist/components/calendar.js +92 -73
  26. package/dist/components/calendar.min.css +2 -2
  27. package/dist/components/calendar.min.js +3 -3
  28. package/dist/components/card.css +729 -99
  29. package/dist/components/card.min.css +2 -2
  30. package/dist/components/checkbox.css +92 -92
  31. package/dist/components/checkbox.js +4 -3
  32. package/dist/components/checkbox.min.css +2 -2
  33. package/dist/components/checkbox.min.js +3 -3
  34. package/dist/components/comment.css +2 -2
  35. package/dist/components/comment.min.css +2 -2
  36. package/dist/components/container.css +98 -4
  37. package/dist/components/container.min.css +2 -2
  38. package/dist/components/dimmer.css +7 -6
  39. package/dist/components/dimmer.js +19 -10
  40. package/dist/components/dimmer.min.css +2 -2
  41. package/dist/components/dimmer.min.js +3 -3
  42. package/dist/components/divider.css +31 -31
  43. package/dist/components/divider.min.css +2 -2
  44. package/dist/components/dropdown.css +74 -47
  45. package/dist/components/dropdown.js +237 -188
  46. package/dist/components/dropdown.min.css +2 -2
  47. package/dist/components/dropdown.min.js +3 -3
  48. package/dist/components/embed.css +5 -5
  49. package/dist/components/embed.js +14 -10
  50. package/dist/components/embed.min.css +2 -2
  51. package/dist/components/embed.min.js +3 -3
  52. package/dist/components/emoji.css +10797 -8839
  53. package/dist/components/emoji.min.css +1 -1
  54. package/dist/components/feed.css +2 -2
  55. package/dist/components/feed.min.css +2 -2
  56. package/dist/components/flag.css +563 -563
  57. package/dist/components/flag.min.css +2 -2
  58. package/dist/components/flyout.css +592 -0
  59. package/dist/components/flyout.js +1530 -0
  60. package/dist/components/flyout.min.css +9 -0
  61. package/dist/components/flyout.min.js +11 -0
  62. package/dist/components/form.css +67 -39
  63. package/dist/components/form.js +25 -21
  64. package/dist/components/form.min.css +2 -2
  65. package/dist/components/form.min.js +3 -3
  66. package/dist/components/grid.css +15 -14
  67. package/dist/components/grid.min.css +2 -2
  68. package/dist/components/header.css +6 -4
  69. package/dist/components/header.min.css +2 -2
  70. package/dist/components/icon.css +2105 -2061
  71. package/dist/components/icon.min.css +2 -2
  72. package/dist/components/image.css +1 -1
  73. package/dist/components/image.min.css +1 -1
  74. package/dist/components/input.css +743 -21
  75. package/dist/components/input.min.css +2 -2
  76. package/dist/components/item.css +5 -5
  77. package/dist/components/item.min.css +2 -2
  78. package/dist/components/label.css +72 -68
  79. package/dist/components/label.min.css +2 -2
  80. package/dist/components/list.css +31 -31
  81. package/dist/components/list.min.css +2 -2
  82. package/dist/components/loader.css +352 -352
  83. package/dist/components/loader.min.css +2 -2
  84. package/dist/components/menu.css +79 -71
  85. package/dist/components/menu.min.css +1 -1
  86. package/dist/components/message.css +3 -3
  87. package/dist/components/message.min.css +2 -2
  88. package/dist/components/modal.css +35 -6
  89. package/dist/components/modal.js +97 -57
  90. package/dist/components/modal.min.css +2 -2
  91. package/dist/components/modal.min.js +3 -3
  92. package/dist/components/nag.css +1 -1
  93. package/dist/components/nag.js +3 -3
  94. package/dist/components/nag.min.css +1 -1
  95. package/dist/components/nag.min.js +3 -3
  96. package/dist/components/placeholder.css +33 -33
  97. package/dist/components/placeholder.min.css +2 -2
  98. package/dist/components/popup.css +100 -104
  99. package/dist/components/popup.js +17 -23
  100. package/dist/components/popup.min.css +2 -2
  101. package/dist/components/popup.min.js +3 -3
  102. package/dist/components/progress.css +1 -1
  103. package/dist/components/progress.js +6 -3
  104. package/dist/components/progress.min.css +1 -1
  105. package/dist/components/progress.min.js +3 -3
  106. package/dist/components/rail.css +1 -1
  107. package/dist/components/rail.min.css +1 -1
  108. package/dist/components/rating.css +1 -1
  109. package/dist/components/rating.js +8 -4
  110. package/dist/components/rating.min.css +1 -1
  111. package/dist/components/rating.min.js +3 -3
  112. package/dist/components/reset.css +5 -4
  113. package/dist/components/reset.min.css +2 -2
  114. package/dist/components/reveal.css +1 -1
  115. package/dist/components/reveal.min.css +1 -1
  116. package/dist/components/search.css +6 -6
  117. package/dist/components/search.js +48 -21
  118. package/dist/components/search.min.css +2 -2
  119. package/dist/components/search.min.js +3 -3
  120. package/dist/components/segment.css +107 -29
  121. package/dist/components/segment.min.css +2 -2
  122. package/dist/components/shape.css +1 -1
  123. package/dist/components/shape.js +4 -4
  124. package/dist/components/shape.min.css +1 -1
  125. package/dist/components/shape.min.js +3 -3
  126. package/dist/components/sidebar.css +20 -8
  127. package/dist/components/sidebar.js +141 -44
  128. package/dist/components/sidebar.min.css +2 -2
  129. package/dist/components/sidebar.min.js +3 -3
  130. package/dist/components/site.css +79 -4
  131. package/dist/components/site.js +2 -2
  132. package/dist/components/site.min.css +2 -2
  133. package/dist/components/site.min.js +3 -3
  134. package/dist/components/slider.css +17 -17
  135. package/dist/components/slider.js +79 -64
  136. package/dist/components/slider.min.css +1 -1
  137. package/dist/components/slider.min.js +3 -3
  138. package/dist/components/state.js +3 -3
  139. package/dist/components/state.min.js +3 -3
  140. package/dist/components/statistic.css +4 -4
  141. package/dist/components/statistic.min.css +2 -2
  142. package/dist/components/step.css +30 -30
  143. package/dist/components/step.min.css +2 -2
  144. package/dist/components/sticky.css +1 -1
  145. package/dist/components/sticky.js +30 -19
  146. package/dist/components/sticky.min.css +1 -1
  147. package/dist/components/sticky.min.js +3 -3
  148. package/dist/components/tab.css +5 -5
  149. package/dist/components/tab.js +25 -7
  150. package/dist/components/tab.min.css +2 -2
  151. package/dist/components/tab.min.js +3 -3
  152. package/dist/components/table.css +1680 -270
  153. package/dist/components/table.min.css +2 -2
  154. package/dist/components/text.css +1 -1
  155. package/dist/components/text.min.css +1 -1
  156. package/dist/components/toast.css +11 -1
  157. package/dist/components/toast.js +19 -12
  158. package/dist/components/toast.min.css +2 -2
  159. package/dist/components/toast.min.js +3 -3
  160. package/dist/components/transition.css +1 -1
  161. package/dist/components/transition.js +27 -22
  162. package/dist/components/transition.min.css +1 -1
  163. package/dist/components/transition.min.js +3 -3
  164. package/dist/components/visibility.js +5 -5
  165. package/dist/components/visibility.min.js +3 -3
  166. package/dist/semantic.css +41415 -34430
  167. package/dist/semantic.js +2597 -696
  168. package/dist/semantic.min.css +3 -3
  169. package/dist/semantic.min.js +3 -3
  170. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  171. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  172. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  173. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  174. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  175. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  176. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  177. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  178. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  179. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  180. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  181. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  182. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  183. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  184. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  185. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  186. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  187. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  188. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  189. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  190. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  191. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  192. package/dist/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  193. package/examples/assets/library/iframe-content.js +3 -3
  194. package/examples/assets/library/iframe.js +3 -3
  195. package/examples/components/button.html +1 -1
  196. package/examples/components/card.html +1 -1
  197. package/examples/components/input.html +1 -1
  198. package/examples/components/menu.html +1 -1
  199. package/examples/components/site.html +1 -1
  200. package/examples/components/sticky-context.html +197 -0
  201. package/examples/components/table.html +1 -1
  202. package/package.json +20 -18
  203. package/scripts/nightly-version.js +47 -38
  204. package/src/definitions/behaviors/api.js +81 -24
  205. package/src/definitions/behaviors/form.js +24 -20
  206. package/src/definitions/behaviors/state.js +2 -2
  207. package/src/definitions/behaviors/visibility.js +4 -4
  208. package/src/definitions/collections/form.less +43 -31
  209. package/src/definitions/collections/grid.less +11 -11
  210. package/src/definitions/collections/menu.less +62 -47
  211. package/src/definitions/collections/message.less +1 -1
  212. package/src/definitions/collections/table.less +636 -39
  213. package/src/definitions/elements/button.less +254 -125
  214. package/src/definitions/elements/container.less +129 -0
  215. package/src/definitions/elements/divider.less +24 -24
  216. package/src/definitions/elements/emoji.less +25 -2
  217. package/src/definitions/elements/flag.less +47 -1
  218. package/src/definitions/elements/header.less +4 -2
  219. package/src/definitions/elements/icon.less +91 -12
  220. package/src/definitions/elements/input.less +259 -27
  221. package/src/definitions/elements/label.less +42 -39
  222. package/src/definitions/elements/list.less +29 -30
  223. package/src/definitions/elements/loader.less +87 -87
  224. package/src/definitions/elements/placeholder.less +32 -32
  225. package/src/definitions/elements/segment.less +147 -34
  226. package/src/definitions/elements/step.less +25 -25
  227. package/src/definitions/globals/reset.less +2 -2
  228. package/src/definitions/globals/site.js +1 -1
  229. package/src/definitions/globals/site.less +14 -12
  230. package/src/definitions/modules/accordion.js +9 -3
  231. package/src/definitions/modules/accordion.less +371 -269
  232. package/src/definitions/modules/calendar.js +91 -72
  233. package/src/definitions/modules/calendar.less +20 -0
  234. package/src/definitions/modules/checkbox.js +3 -2
  235. package/src/definitions/modules/checkbox.less +53 -53
  236. package/src/definitions/modules/dimmer.js +18 -9
  237. package/src/definitions/modules/dimmer.less +11 -10
  238. package/src/definitions/modules/dropdown.js +236 -187
  239. package/src/definitions/modules/dropdown.less +110 -77
  240. package/src/definitions/modules/embed.js +13 -9
  241. package/src/definitions/modules/embed.less +4 -4
  242. package/src/definitions/modules/flyout.js +1530 -0
  243. package/src/definitions/modules/flyout.less +650 -0
  244. package/src/definitions/modules/modal.js +96 -56
  245. package/src/definitions/modules/modal.less +68 -33
  246. package/src/definitions/modules/nag.js +2 -2
  247. package/src/definitions/modules/popup.js +16 -22
  248. package/src/definitions/modules/popup.less +86 -90
  249. package/src/definitions/modules/progress.js +5 -2
  250. package/src/definitions/modules/rating.js +7 -3
  251. package/src/definitions/modules/search.js +47 -20
  252. package/src/definitions/modules/search.less +3 -3
  253. package/src/definitions/modules/shape.js +3 -3
  254. package/src/definitions/modules/sidebar.js +140 -43
  255. package/src/definitions/modules/sidebar.less +20 -5
  256. package/src/definitions/modules/slider.js +78 -63
  257. package/src/definitions/modules/slider.less +9 -9
  258. package/src/definitions/modules/sticky.js +29 -18
  259. package/src/definitions/modules/sticky.less +3 -1
  260. package/src/definitions/modules/tab.js +24 -6
  261. package/src/definitions/modules/tab.less +4 -4
  262. package/src/definitions/modules/toast.js +18 -11
  263. package/src/definitions/modules/toast.less +6 -0
  264. package/src/definitions/modules/transition.js +26 -21
  265. package/src/definitions/views/ad.less +3 -3
  266. package/src/definitions/views/card.less +124 -18
  267. package/src/definitions/views/comment.less +1 -1
  268. package/src/definitions/views/feed.less +1 -1
  269. package/src/definitions/views/item.less +3 -3
  270. package/src/definitions/views/statistic.less +1 -1
  271. package/src/semantic.less +1 -0
  272. package/src/theme.config.example +1 -0
  273. package/src/theme.less +13 -2
  274. package/src/themes/amazon/globals/site.variables +1 -0
  275. package/src/themes/basic/elements/icon.overrides +149 -149
  276. package/src/themes/basic/elements/icon.variables +16 -6
  277. package/src/themes/basic/elements/step.overrides +2 -2
  278. package/src/themes/bookish/elements/header.overrides +1 -1
  279. package/src/themes/chubby/elements/button.overrides +1 -1
  280. package/src/themes/chubby/elements/header.overrides +1 -1
  281. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  282. package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  283. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  284. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  285. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  286. package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  287. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  288. package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  289. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  290. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  291. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  292. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  293. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  294. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  295. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  296. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  297. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  298. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  299. package/src/themes/default/assets/fonts/icons.woff +0 -0
  300. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  301. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  302. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  303. package/src/themes/default/collections/form.variables +4 -0
  304. package/src/themes/default/collections/table.variables +52 -0
  305. package/src/themes/default/elements/button.variables +5 -0
  306. package/src/themes/default/elements/container.variables +12 -0
  307. package/src/themes/default/elements/divider.overrides +7 -7
  308. package/src/themes/default/elements/emoji.overrides +0 -3090
  309. package/src/themes/default/elements/emoji.variables +3563 -1
  310. package/src/themes/default/elements/flag.overrides +0 -1640
  311. package/src/themes/default/elements/flag.variables +1597 -1
  312. package/src/themes/default/elements/icon.overrides +1 -2043
  313. package/src/themes/default/elements/icon.variables +2045 -30
  314. package/src/themes/default/elements/input.variables +15 -0
  315. package/src/themes/default/elements/segment.variables +8 -0
  316. package/src/themes/default/elements/step.overrides +4 -7
  317. package/src/themes/default/globals/site.variables +103 -8
  318. package/src/themes/default/globals/variation.variables +59 -0
  319. package/src/themes/default/modules/accordion.overrides +7 -9
  320. package/src/themes/default/modules/accordion.variables +34 -2
  321. package/src/themes/default/modules/calendar.variables +3 -0
  322. package/src/themes/default/modules/checkbox.overrides +10 -12
  323. package/src/themes/default/modules/checkbox.variables +5 -5
  324. package/src/themes/default/modules/dropdown.overrides +6 -9
  325. package/src/themes/default/modules/dropdown.variables +6 -9
  326. package/src/themes/default/modules/flyout.overrides +3 -0
  327. package/src/themes/default/modules/flyout.variables +100 -0
  328. package/src/themes/default/modules/modal.variables +16 -2
  329. package/src/themes/default/modules/popup.variables +0 -2
  330. package/src/themes/default/modules/sidebar.variables +4 -1
  331. package/src/themes/default/views/card.variables +8 -0
  332. package/src/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  333. package/src/themes/famfamfam/elements/flag.overrides +496 -496
  334. package/src/themes/famfamfam/elements/flag.variables +8 -1
  335. package/src/themes/github/elements/icon.overrides +206 -206
  336. package/src/themes/github/elements/icon.variables +16 -1
  337. package/src/themes/github/elements/step.overrides +5 -5
  338. package/src/themes/github/globals/site.variables +1 -0
  339. package/src/themes/github/modules/dropdown.overrides +7 -10
  340. package/src/themes/instagram/views/card.overrides +1 -1
  341. package/src/themes/joypixels/elements/emoji.overrides +0 -3089
  342. package/src/themes/joypixels/elements/emoji.variables +3562 -5
  343. package/src/themes/material/collections/menu.overrides +1 -1
  344. package/src/themes/material/elements/button.overrides +1 -1
  345. package/src/themes/material/elements/header.overrides +1 -1
  346. package/src/themes/material/elements/icon.overrides +932 -932
  347. package/src/themes/material/elements/icon.variables +17 -0
  348. package/src/themes/material/globals/site.variables +0 -1
  349. package/src/themes/material/modules/dropdown.overrides +1 -1
  350. package/src/themes/material/modules/modal.overrides +1 -1
  351. package/src/themes/pulsar/elements/loader.overrides +2 -2
  352. package/src/themes/resetcss/globals/reset.overrides +3 -3
  353. package/src/themes/rtl/globals/site.overrides +1 -1
  354. package/src/themes/striped/modules/progress.overrides +1 -1
  355. package/src/themes/systemfont/globals/reset.overrides +8 -0
  356. package/src/themes/systemfont/globals/site.variables +10 -0
  357. package/src/themes/twitter/elements/emoji.overrides +0 -3091
  358. package/src/themes/twitter/elements/emoji.variables +3558 -6
  359. package/tasks/admin/distributions/create.js +1 -1
  360. package/tasks/admin/publish.js +1 -1
  361. package/tasks/admin/release.js +1 -1
  362. package/tasks/build/assets.js +1 -1
  363. package/tasks/build/css.js +3 -3
  364. package/tasks/build/javascript.js +3 -3
  365. package/tasks/check-install.js +1 -1
  366. package/tasks/clean.js +1 -1
  367. package/tasks/collections/README.md +1 -1
  368. package/tasks/collections/admin.js +1 -1
  369. package/tasks/config/admin/oauth.example.js +1 -1
  370. package/tasks/config/admin/release.js +1 -0
  371. package/tasks/config/admin/templates/composer.json +1 -1
  372. package/tasks/config/admin/templates/css-package.js +8 -12
  373. package/tasks/config/admin/templates/less-package.js +2 -2
  374. package/tasks/config/defaults.js +1 -0
  375. package/tasks/config/project/install.js +16 -13
  376. package/tasks/install.js +1 -0
  377. package/tasks/rtl/watch.js +1 -1
  378. package/tasks/version.js +1 -1
  379. package/test/fixtures/accordion.html +1 -1
  380. package/test/fixtures/checkbox.html +1 -1
  381. package/test/fixtures/dropdown.html +1 -1
  382. package/test/fixtures/modal.html +1 -1
  383. package/test/fixtures/popup.html +1 -1
  384. package/test/fixtures/rating.html +1 -1
  385. package/test/fixtures/shape.html +1 -1
  386. package/test/fixtures/sidebar.html +1 -1
  387. package/test/fixtures/tab.html +1 -1
  388. package/test/fixtures/transition.html +1 -1
  389. package/test/fixtures/video.html +1 -1
  390. package/test/helpers/jasmine-jquery.js +2 -2
  391. package/test/helpers/jasmine-sinon.js +1 -1
  392. package/test/helpers/jquery-events.js +1 -1
  393. package/test/helpers/sinon.js +2 -2
  394. package/test/meteor/fonts.js +1 -1
  395. package/test/modules/accordion.spec.js +1 -1
  396. package/test/modules/checkbox.spec.js +1 -1
  397. package/test/modules/dropdown.spec.js +1 -1
  398. package/test/modules/modal.spec.js +1 -1
  399. package/test/modules/module.spec.js +1 -1
  400. package/test/modules/popup.spec.js +1 -1
  401. package/test/modules/search.spec.js +1 -1
  402. package/test/modules/shape.spec.js +1 -1
  403. package/test/modules/sidebar.spec.js +1 -1
  404. package/test/modules/tab.spec.js +1 -1
  405. package/test/modules/transition.spec.js +1 -1
  406. package/test/modules/video.spec.js +1 -1
  407. package/dist/themes/basic/assets/fonts/icons.eot +0 -0
  408. package/dist/themes/basic/assets/fonts/icons.svg +0 -450
  409. package/dist/themes/basic/assets/fonts/icons.ttf +0 -0
  410. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  411. package/dist/themes/default/assets/fonts/brand-icons.svg +0 -3570
  412. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  413. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  414. package/dist/themes/default/assets/fonts/icons.svg +0 -4938
  415. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  416. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  417. package/dist/themes/default/assets/fonts/outline-icons.svg +0 -803
  418. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  419. package/dist/themes/github/assets/fonts/octicons-local.ttf +0 -0
  420. package/dist/themes/github/assets/fonts/octicons.svg +0 -200
  421. package/dist/themes/github/assets/fonts/octicons.ttf +0 -0
  422. package/dist/themes/material/assets/fonts/icons.eot +0 -0
  423. package/dist/themes/material/assets/fonts/icons.svg +0 -2373
  424. package/dist/themes/material/assets/fonts/icons.ttf +0 -0
  425. package/src/themes/basic/assets/fonts/icons.eot +0 -0
  426. package/src/themes/basic/assets/fonts/icons.svg +0 -450
  427. package/src/themes/basic/assets/fonts/icons.ttf +0 -0
  428. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  429. package/src/themes/default/assets/fonts/brand-icons.svg +0 -3570
  430. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  431. package/src/themes/default/assets/fonts/icons.eot +0 -0
  432. package/src/themes/default/assets/fonts/icons.svg +0 -4938
  433. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  434. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  435. package/src/themes/default/assets/fonts/outline-icons.svg +0 -803
  436. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  437. package/src/themes/github/assets/fonts/octicons-local.ttf +0 -0
  438. package/src/themes/github/assets/fonts/octicons.svg +0 -200
  439. package/src/themes/github/assets/fonts/octicons.ttf +0 -0
  440. package/src/themes/material/assets/fonts/icons.eot +0 -0
  441. package/src/themes/material/assets/fonts/icons.svg +0 -2373
  442. package/src/themes/material/assets/fonts/icons.ttf +0 -0
package/dist/components/loader.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0-beta.98 - Loader
2
+ * # Fomantic-UI 2.9.0 - Loader
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  /* Static Shape */
31
- .ui.loader:before {
31
+ .ui.loader::before {
32
32
  position: absolute;
33
33
  content: '';
34
34
  top: 0;
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  /* Active Shape */
43
- .ui.loader:after {
43
+ .ui.loader::after {
44
44
  position: absolute;
45
45
  content: '';
46
46
  top: 0;
@@ -56,17 +56,17 @@
56
56
  }
57
57
 
58
58
  /* Speeds */
59
- .ui.fast.loading.loading:after,
60
- .ui.fast.loading.loading .input > i.icon:after,
61
- .ui.fast.loading.loading > i.icon:after,
62
- .ui.fast.loader:after {
59
+ .ui.fast.loading.loading::after,
60
+ .ui.fast.loading.loading .input > i.icon::after,
61
+ .ui.fast.loading.loading > i.icon::after,
62
+ .ui.fast.loader::after {
63
63
  -webkit-animation-duration: 0.3s;
64
64
  animation-duration: 0.3s;
65
65
  }
66
- .ui.slow.loading.loading:after,
67
- .ui.slow.loading.loading .input > i.icon:after,
68
- .ui.slow.loading.loading > i.icon:after,
69
- .ui.slow.loader:after {
66
+ .ui.slow.loading.loading::after,
67
+ .ui.slow.loading.loading .input > i.icon::after,
68
+ .ui.slow.loading.loading > i.icon::after,
69
+ .ui.slow.loader::after {
70
70
  -webkit-animation-duration: 0.9s;
71
71
  animation-duration: 0.9s;
72
72
  }
@@ -99,7 +99,7 @@
99
99
  .ui.dimmer > .ui.loader {
100
100
  color: rgba(255, 255, 255, 0.9);
101
101
  }
102
- .ui.dimmer > .ui.loader:not(.elastic):before {
102
+ .ui.dimmer > .ui.loader:not(.elastic)::before {
103
103
  border-color: rgba(255, 255, 255, 0.15);
104
104
  }
105
105
 
@@ -107,7 +107,7 @@
107
107
  .ui.inverted.dimmer > .ui.loader {
108
108
  color: rgba(0, 0, 0, 0.87);
109
109
  }
110
- .ui.inverted.dimmer > .ui.loader:not(.elastic):before {
110
+ .ui.inverted.dimmer > .ui.loader:not(.elastic)::before {
111
111
  border-color: rgba(0, 0, 0, 0.1);
112
112
  }
113
113
 
@@ -133,7 +133,7 @@
133
133
  States
134
134
  *******************************/
135
135
 
136
- .ui.indeterminate.loader:after {
136
+ .ui.indeterminate.loader::after {
137
137
  animation-direction: reverse;
138
138
  -webkit-animation-duration: 1.2s;
139
139
  animation-duration: 1.2s;
@@ -162,8 +162,8 @@
162
162
  height: 2.28571429rem;
163
163
  font-size: 1em;
164
164
  }
165
- .ui.loader:before,
166
- .ui.loader:after {
165
+ .ui.loader::before,
166
+ .ui.loader::after {
167
167
  width: 2.28571429rem;
168
168
  height: 2.28571429rem;
169
169
  margin: 0 0 0 -1.14285714rem;
@@ -177,8 +177,8 @@
177
177
  height: 1rem;
178
178
  font-size: 0.78571429em;
179
179
  }
180
- .ui.mini.loader:before,
181
- .ui.mini.loader:after {
180
+ .ui.mini.loader::before,
181
+ .ui.mini.loader::after {
182
182
  width: 1rem;
183
183
  height: 1rem;
184
184
  margin: 0 0 0 -0.5rem;
@@ -192,8 +192,8 @@
192
192
  height: 1.14285714rem;
193
193
  font-size: 0.85714286em;
194
194
  }
195
- .ui.tiny.loader:before,
196
- .ui.tiny.loader:after {
195
+ .ui.tiny.loader::before,
196
+ .ui.tiny.loader::after {
197
197
  width: 1.14285714rem;
198
198
  height: 1.14285714rem;
199
199
  margin: 0 0 0 -0.57142857rem;
@@ -207,8 +207,8 @@
207
207
  height: 1.71428571rem;
208
208
  font-size: 0.92857143em;
209
209
  }
210
- .ui.small.loader:before,
211
- .ui.small.loader:after {
210
+ .ui.small.loader::before,
211
+ .ui.small.loader::after {
212
212
  width: 1.71428571rem;
213
213
  height: 1.71428571rem;
214
214
  margin: 0 0 0 -0.85714286rem;
@@ -222,8 +222,8 @@
222
222
  height: 3.42857143rem;
223
223
  font-size: 1.14285714em;
224
224
  }
225
- .ui.large.loader:before,
226
- .ui.large.loader:after {
225
+ .ui.large.loader::before,
226
+ .ui.large.loader::after {
227
227
  width: 3.42857143rem;
228
228
  height: 3.42857143rem;
229
229
  margin: 0 0 0 -1.71428571rem;
@@ -237,8 +237,8 @@
237
237
  height: 3.71428571rem;
238
238
  font-size: 1.28571429em;
239
239
  }
240
- .ui.big.loader:before,
241
- .ui.big.loader:after {
240
+ .ui.big.loader::before,
241
+ .ui.big.loader::after {
242
242
  width: 3.71428571rem;
243
243
  height: 3.71428571rem;
244
244
  margin: 0 0 0 -1.85714286rem;
@@ -252,8 +252,8 @@
252
252
  height: 4.14285714rem;
253
253
  font-size: 1.42857143em;
254
254
  }
255
- .ui.huge.loader:before,
256
- .ui.huge.loader:after {
255
+ .ui.huge.loader::before,
256
+ .ui.huge.loader::after {
257
257
  width: 4.14285714rem;
258
258
  height: 4.14285714rem;
259
259
  margin: 0 0 0 -2.07142857rem;
@@ -267,8 +267,8 @@
267
267
  height: 4.57142857rem;
268
268
  font-size: 1.71428571em;
269
269
  }
270
- .ui.massive.loader:before,
271
- .ui.massive.loader:after {
270
+ .ui.massive.loader::before,
271
+ .ui.massive.loader::after {
272
272
  width: 4.57142857rem;
273
273
  height: 4.57142857rem;
274
274
  margin: 0 0 0 -2.28571429rem;
@@ -282,354 +282,354 @@
282
282
  Colors
283
283
  --------------------*/
284
284
 
285
- .ui.primary.elastic.loader.loader:before,
286
- .ui.primary.basic.elastic.loading.button:before,
287
- .ui.primary.basic.elastic.loading.button:after,
288
- .ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
289
- .ui.primary.elastic.loading.loading.loading .input > i.icon:before,
290
- .ui.primary.elastic.loading.loading.loading.loading > i.icon:before,
291
- .ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
292
- .ui.primary.loading.loading.loading.loading .input > i.icon:after,
293
- .ui.primary.loading.loading.loading.loading > i.icon:after,
294
- .ui.primary.loader.loader.loader:after {
285
+ .ui.primary.elastic.loader.loader::before,
286
+ .ui.primary.basic.elastic.loading.button::before,
287
+ .ui.primary.basic.elastic.loading.button::after,
288
+ .ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
289
+ .ui.primary.elastic.loading.loading.loading .input > i.icon::before,
290
+ .ui.primary.elastic.loading.loading.loading.loading > i.icon::before,
291
+ .ui.primary.loading.loading.loading.loading:not(.usual):not(.button)::after,
292
+ .ui.primary.loading.loading.loading.loading .input > i.icon::after,
293
+ .ui.primary.loading.loading.loading.loading > i.icon::after,
294
+ .ui.primary.loader.loader.loader::after {
295
295
  color: #2185D0;
296
296
  }
297
- .ui.inverted.primary.elastic.loader:before,
298
- .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
299
- .ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before,
300
- .ui.inverted.primary.elastic.loading.loading.loading > i.icon:before,
301
- .ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,
302
- .ui.inverted.primary.loading.loading.loading.loading .input > i.icon:after,
303
- .ui.inverted.primary.loading.loading.loading.loading > i.icon:after,
304
- .ui.inverted.primary.loader.loader.loader:after {
297
+ .ui.inverted.primary.elastic.loader::before,
298
+ .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
299
+ .ui.inverted.primary.elastic.loading.loading.loading .input > i.icon::before,
300
+ .ui.inverted.primary.elastic.loading.loading.loading > i.icon::before,
301
+ .ui.inverted.primary.loading.loading.loading.loading:not(.usual)::after,
302
+ .ui.inverted.primary.loading.loading.loading.loading .input > i.icon::after,
303
+ .ui.inverted.primary.loading.loading.loading.loading > i.icon::after,
304
+ .ui.inverted.primary.loader.loader.loader::after {
305
305
  color: #54C8FF;
306
306
  }
307
- .ui.secondary.elastic.loader.loader:before,
308
- .ui.secondary.basic.elastic.loading.button:before,
309
- .ui.secondary.basic.elastic.loading.button:after,
310
- .ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
311
- .ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
312
- .ui.secondary.elastic.loading.loading.loading.loading > i.icon:before,
313
- .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
314
- .ui.secondary.loading.loading.loading.loading .input > i.icon:after,
315
- .ui.secondary.loading.loading.loading.loading > i.icon:after,
316
- .ui.secondary.loader.loader.loader:after {
307
+ .ui.secondary.elastic.loader.loader::before,
308
+ .ui.secondary.basic.elastic.loading.button::before,
309
+ .ui.secondary.basic.elastic.loading.button::after,
310
+ .ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
311
+ .ui.secondary.elastic.loading.loading.loading .input > i.icon::before,
312
+ .ui.secondary.elastic.loading.loading.loading.loading > i.icon::before,
313
+ .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button)::after,
314
+ .ui.secondary.loading.loading.loading.loading .input > i.icon::after,
315
+ .ui.secondary.loading.loading.loading.loading > i.icon::after,
316
+ .ui.secondary.loader.loader.loader::after {
317
317
  color: #1B1C1D;
318
318
  }
319
- .ui.inverted.secondary.elastic.loader:before,
320
- .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
321
- .ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before,
322
- .ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before,
323
- .ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,
324
- .ui.inverted.secondary.loading.loading.loading.loading .input > i.icon:after,
325
- .ui.inverted.secondary.loading.loading.loading.loading > i.icon:after,
326
- .ui.inverted.secondary.loader.loader.loader:after {
319
+ .ui.inverted.secondary.elastic.loader::before,
320
+ .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
321
+ .ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon::before,
322
+ .ui.inverted.secondary.elastic.loading.loading.loading > i.icon::before,
323
+ .ui.inverted.secondary.loading.loading.loading.loading:not(.usual)::after,
324
+ .ui.inverted.secondary.loading.loading.loading.loading .input > i.icon::after,
325
+ .ui.inverted.secondary.loading.loading.loading.loading > i.icon::after,
326
+ .ui.inverted.secondary.loader.loader.loader::after {
327
327
  color: #545454;
328
328
  }
329
- .ui.red.elastic.loader.loader:before,
330
- .ui.red.basic.elastic.loading.button:before,
331
- .ui.red.basic.elastic.loading.button:after,
332
- .ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
333
- .ui.red.elastic.loading.loading.loading .input > i.icon:before,
334
- .ui.red.elastic.loading.loading.loading.loading > i.icon:before,
335
- .ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
336
- .ui.red.loading.loading.loading.loading .input > i.icon:after,
337
- .ui.red.loading.loading.loading.loading > i.icon:after,
338
- .ui.red.loader.loader.loader:after {
329
+ .ui.red.elastic.loader.loader::before,
330
+ .ui.red.basic.elastic.loading.button::before,
331
+ .ui.red.basic.elastic.loading.button::after,
332
+ .ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
333
+ .ui.red.elastic.loading.loading.loading .input > i.icon::before,
334
+ .ui.red.elastic.loading.loading.loading.loading > i.icon::before,
335
+ .ui.red.loading.loading.loading.loading:not(.usual):not(.button)::after,
336
+ .ui.red.loading.loading.loading.loading .input > i.icon::after,
337
+ .ui.red.loading.loading.loading.loading > i.icon::after,
338
+ .ui.red.loader.loader.loader::after {
339
339
  color: #DB2828;
340
340
  }
341
- .ui.inverted.red.elastic.loader:before,
342
- .ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
343
- .ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before,
344
- .ui.inverted.red.elastic.loading.loading.loading > i.icon:before,
345
- .ui.inverted.red.loading.loading.loading.loading:not(.usual):after,
346
- .ui.inverted.red.loading.loading.loading.loading .input > i.icon:after,
347
- .ui.inverted.red.loading.loading.loading.loading > i.icon:after,
348
- .ui.inverted.red.loader.loader.loader:after {
341
+ .ui.inverted.red.elastic.loader::before,
342
+ .ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
343
+ .ui.inverted.red.elastic.loading.loading.loading .input > i.icon::before,
344
+ .ui.inverted.red.elastic.loading.loading.loading > i.icon::before,
345
+ .ui.inverted.red.loading.loading.loading.loading:not(.usual)::after,
346
+ .ui.inverted.red.loading.loading.loading.loading .input > i.icon::after,
347
+ .ui.inverted.red.loading.loading.loading.loading > i.icon::after,
348
+ .ui.inverted.red.loader.loader.loader::after {
349
349
  color: #FF695E;
350
350
  }
351
- .ui.orange.elastic.loader.loader:before,
352
- .ui.orange.basic.elastic.loading.button:before,
353
- .ui.orange.basic.elastic.loading.button:after,
354
- .ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
355
- .ui.orange.elastic.loading.loading.loading .input > i.icon:before,
356
- .ui.orange.elastic.loading.loading.loading.loading > i.icon:before,
357
- .ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
358
- .ui.orange.loading.loading.loading.loading .input > i.icon:after,
359
- .ui.orange.loading.loading.loading.loading > i.icon:after,
360
- .ui.orange.loader.loader.loader:after {
351
+ .ui.orange.elastic.loader.loader::before,
352
+ .ui.orange.basic.elastic.loading.button::before,
353
+ .ui.orange.basic.elastic.loading.button::after,
354
+ .ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
355
+ .ui.orange.elastic.loading.loading.loading .input > i.icon::before,
356
+ .ui.orange.elastic.loading.loading.loading.loading > i.icon::before,
357
+ .ui.orange.loading.loading.loading.loading:not(.usual):not(.button)::after,
358
+ .ui.orange.loading.loading.loading.loading .input > i.icon::after,
359
+ .ui.orange.loading.loading.loading.loading > i.icon::after,
360
+ .ui.orange.loader.loader.loader::after {
361
361
  color: #F2711C;
362
362
  }
363
- .ui.inverted.orange.elastic.loader:before,
364
- .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
365
- .ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before,
366
- .ui.inverted.orange.elastic.loading.loading.loading > i.icon:before,
367
- .ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,
368
- .ui.inverted.orange.loading.loading.loading.loading .input > i.icon:after,
369
- .ui.inverted.orange.loading.loading.loading.loading > i.icon:after,
370
- .ui.inverted.orange.loader.loader.loader:after {
363
+ .ui.inverted.orange.elastic.loader::before,
364
+ .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
365
+ .ui.inverted.orange.elastic.loading.loading.loading .input > i.icon::before,
366
+ .ui.inverted.orange.elastic.loading.loading.loading > i.icon::before,
367
+ .ui.inverted.orange.loading.loading.loading.loading:not(.usual)::after,
368
+ .ui.inverted.orange.loading.loading.loading.loading .input > i.icon::after,
369
+ .ui.inverted.orange.loading.loading.loading.loading > i.icon::after,
370
+ .ui.inverted.orange.loader.loader.loader::after {
371
371
  color: #FF851B;
372
372
  }
373
- .ui.yellow.elastic.loader.loader:before,
374
- .ui.yellow.basic.elastic.loading.button:before,
375
- .ui.yellow.basic.elastic.loading.button:after,
376
- .ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
377
- .ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
378
- .ui.yellow.elastic.loading.loading.loading.loading > i.icon:before,
379
- .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
380
- .ui.yellow.loading.loading.loading.loading .input > i.icon:after,
381
- .ui.yellow.loading.loading.loading.loading > i.icon:after,
382
- .ui.yellow.loader.loader.loader:after {
373
+ .ui.yellow.elastic.loader.loader::before,
374
+ .ui.yellow.basic.elastic.loading.button::before,
375
+ .ui.yellow.basic.elastic.loading.button::after,
376
+ .ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
377
+ .ui.yellow.elastic.loading.loading.loading .input > i.icon::before,
378
+ .ui.yellow.elastic.loading.loading.loading.loading > i.icon::before,
379
+ .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button)::after,
380
+ .ui.yellow.loading.loading.loading.loading .input > i.icon::after,
381
+ .ui.yellow.loading.loading.loading.loading > i.icon::after,
382
+ .ui.yellow.loader.loader.loader::after {
383
383
  color: #FBBD08;
384
384
  }
385
- .ui.inverted.yellow.elastic.loader:before,
386
- .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
387
- .ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before,
388
- .ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before,
389
- .ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,
390
- .ui.inverted.yellow.loading.loading.loading.loading .input > i.icon:after,
391
- .ui.inverted.yellow.loading.loading.loading.loading > i.icon:after,
392
- .ui.inverted.yellow.loader.loader.loader:after {
385
+ .ui.inverted.yellow.elastic.loader::before,
386
+ .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
387
+ .ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon::before,
388
+ .ui.inverted.yellow.elastic.loading.loading.loading > i.icon::before,
389
+ .ui.inverted.yellow.loading.loading.loading.loading:not(.usual)::after,
390
+ .ui.inverted.yellow.loading.loading.loading.loading .input > i.icon::after,
391
+ .ui.inverted.yellow.loading.loading.loading.loading > i.icon::after,
392
+ .ui.inverted.yellow.loader.loader.loader::after {
393
393
  color: #FFE21F;
394
394
  }
395
- .ui.olive.elastic.loader.loader:before,
396
- .ui.olive.basic.elastic.loading.button:before,
397
- .ui.olive.basic.elastic.loading.button:after,
398
- .ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
399
- .ui.olive.elastic.loading.loading.loading .input > i.icon:before,
400
- .ui.olive.elastic.loading.loading.loading.loading > i.icon:before,
401
- .ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
402
- .ui.olive.loading.loading.loading.loading .input > i.icon:after,
403
- .ui.olive.loading.loading.loading.loading > i.icon:after,
404
- .ui.olive.loader.loader.loader:after {
395
+ .ui.olive.elastic.loader.loader::before,
396
+ .ui.olive.basic.elastic.loading.button::before,
397
+ .ui.olive.basic.elastic.loading.button::after,
398
+ .ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
399
+ .ui.olive.elastic.loading.loading.loading .input > i.icon::before,
400
+ .ui.olive.elastic.loading.loading.loading.loading > i.icon::before,
401
+ .ui.olive.loading.loading.loading.loading:not(.usual):not(.button)::after,
402
+ .ui.olive.loading.loading.loading.loading .input > i.icon::after,
403
+ .ui.olive.loading.loading.loading.loading > i.icon::after,
404
+ .ui.olive.loader.loader.loader::after {
405
405
  color: #B5CC18;
406
406
  }
407
- .ui.inverted.olive.elastic.loader:before,
408
- .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
409
- .ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before,
410
- .ui.inverted.olive.elastic.loading.loading.loading > i.icon:before,
411
- .ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,
412
- .ui.inverted.olive.loading.loading.loading.loading .input > i.icon:after,
413
- .ui.inverted.olive.loading.loading.loading.loading > i.icon:after,
414
- .ui.inverted.olive.loader.loader.loader:after {
407
+ .ui.inverted.olive.elastic.loader::before,
408
+ .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
409
+ .ui.inverted.olive.elastic.loading.loading.loading .input > i.icon::before,
410
+ .ui.inverted.olive.elastic.loading.loading.loading > i.icon::before,
411
+ .ui.inverted.olive.loading.loading.loading.loading:not(.usual)::after,
412
+ .ui.inverted.olive.loading.loading.loading.loading .input > i.icon::after,
413
+ .ui.inverted.olive.loading.loading.loading.loading > i.icon::after,
414
+ .ui.inverted.olive.loader.loader.loader::after {
415
415
  color: #D9E778;
416
416
  }
417
- .ui.green.elastic.loader.loader:before,
418
- .ui.green.basic.elastic.loading.button:before,
419
- .ui.green.basic.elastic.loading.button:after,
420
- .ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
421
- .ui.green.elastic.loading.loading.loading .input > i.icon:before,
422
- .ui.green.elastic.loading.loading.loading.loading > i.icon:before,
423
- .ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
424
- .ui.green.loading.loading.loading.loading .input > i.icon:after,
425
- .ui.green.loading.loading.loading.loading > i.icon:after,
426
- .ui.green.loader.loader.loader:after {
417
+ .ui.green.elastic.loader.loader::before,
418
+ .ui.green.basic.elastic.loading.button::before,
419
+ .ui.green.basic.elastic.loading.button::after,
420
+ .ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
421
+ .ui.green.elastic.loading.loading.loading .input > i.icon::before,
422
+ .ui.green.elastic.loading.loading.loading.loading > i.icon::before,
423
+ .ui.green.loading.loading.loading.loading:not(.usual):not(.button)::after,
424
+ .ui.green.loading.loading.loading.loading .input > i.icon::after,
425
+ .ui.green.loading.loading.loading.loading > i.icon::after,
426
+ .ui.green.loader.loader.loader::after {
427
427
  color: #21BA45;
428
428
  }
429
- .ui.inverted.green.elastic.loader:before,
430
- .ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
431
- .ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before,
432
- .ui.inverted.green.elastic.loading.loading.loading > i.icon:before,
433
- .ui.inverted.green.loading.loading.loading.loading:not(.usual):after,
434
- .ui.inverted.green.loading.loading.loading.loading .input > i.icon:after,
435
- .ui.inverted.green.loading.loading.loading.loading > i.icon:after,
436
- .ui.inverted.green.loader.loader.loader:after {
429
+ .ui.inverted.green.elastic.loader::before,
430
+ .ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
431
+ .ui.inverted.green.elastic.loading.loading.loading .input > i.icon::before,
432
+ .ui.inverted.green.elastic.loading.loading.loading > i.icon::before,
433
+ .ui.inverted.green.loading.loading.loading.loading:not(.usual)::after,
434
+ .ui.inverted.green.loading.loading.loading.loading .input > i.icon::after,
435
+ .ui.inverted.green.loading.loading.loading.loading > i.icon::after,
436
+ .ui.inverted.green.loader.loader.loader::after {
437
437
  color: #2ECC40;
438
438
  }
439
- .ui.teal.elastic.loader.loader:before,
440
- .ui.teal.basic.elastic.loading.button:before,
441
- .ui.teal.basic.elastic.loading.button:after,
442
- .ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
443
- .ui.teal.elastic.loading.loading.loading .input > i.icon:before,
444
- .ui.teal.elastic.loading.loading.loading.loading > i.icon:before,
445
- .ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
446
- .ui.teal.loading.loading.loading.loading .input > i.icon:after,
447
- .ui.teal.loading.loading.loading.loading > i.icon:after,
448
- .ui.teal.loader.loader.loader:after {
439
+ .ui.teal.elastic.loader.loader::before,
440
+ .ui.teal.basic.elastic.loading.button::before,
441
+ .ui.teal.basic.elastic.loading.button::after,
442
+ .ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
443
+ .ui.teal.elastic.loading.loading.loading .input > i.icon::before,
444
+ .ui.teal.elastic.loading.loading.loading.loading > i.icon::before,
445
+ .ui.teal.loading.loading.loading.loading:not(.usual):not(.button)::after,
446
+ .ui.teal.loading.loading.loading.loading .input > i.icon::after,
447
+ .ui.teal.loading.loading.loading.loading > i.icon::after,
448
+ .ui.teal.loader.loader.loader::after {
449
449
  color: #00B5AD;
450
450
  }
451
- .ui.inverted.teal.elastic.loader:before,
452
- .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
453
- .ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before,
454
- .ui.inverted.teal.elastic.loading.loading.loading > i.icon:before,
455
- .ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,
456
- .ui.inverted.teal.loading.loading.loading.loading .input > i.icon:after,
457
- .ui.inverted.teal.loading.loading.loading.loading > i.icon:after,
458
- .ui.inverted.teal.loader.loader.loader:after {
451
+ .ui.inverted.teal.elastic.loader::before,
452
+ .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
453
+ .ui.inverted.teal.elastic.loading.loading.loading .input > i.icon::before,
454
+ .ui.inverted.teal.elastic.loading.loading.loading > i.icon::before,
455
+ .ui.inverted.teal.loading.loading.loading.loading:not(.usual)::after,
456
+ .ui.inverted.teal.loading.loading.loading.loading .input > i.icon::after,
457
+ .ui.inverted.teal.loading.loading.loading.loading > i.icon::after,
458
+ .ui.inverted.teal.loader.loader.loader::after {
459
459
  color: #6DFFFF;
460
460
  }
461
- .ui.blue.elastic.loader.loader:before,
462
- .ui.blue.basic.elastic.loading.button:before,
463
- .ui.blue.basic.elastic.loading.button:after,
464
- .ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
465
- .ui.blue.elastic.loading.loading.loading .input > i.icon:before,
466
- .ui.blue.elastic.loading.loading.loading.loading > i.icon:before,
467
- .ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
468
- .ui.blue.loading.loading.loading.loading .input > i.icon:after,
469
- .ui.blue.loading.loading.loading.loading > i.icon:after,
470
- .ui.blue.loader.loader.loader:after {
461
+ .ui.blue.elastic.loader.loader::before,
462
+ .ui.blue.basic.elastic.loading.button::before,
463
+ .ui.blue.basic.elastic.loading.button::after,
464
+ .ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
465
+ .ui.blue.elastic.loading.loading.loading .input > i.icon::before,
466
+ .ui.blue.elastic.loading.loading.loading.loading > i.icon::before,
467
+ .ui.blue.loading.loading.loading.loading:not(.usual):not(.button)::after,
468
+ .ui.blue.loading.loading.loading.loading .input > i.icon::after,
469
+ .ui.blue.loading.loading.loading.loading > i.icon::after,
470
+ .ui.blue.loader.loader.loader::after {
471
471
  color: #2185D0;
472
472
  }
473
- .ui.inverted.blue.elastic.loader:before,
474
- .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
475
- .ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before,
476
- .ui.inverted.blue.elastic.loading.loading.loading > i.icon:before,
477
- .ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,
478
- .ui.inverted.blue.loading.loading.loading.loading .input > i.icon:after,
479
- .ui.inverted.blue.loading.loading.loading.loading > i.icon:after,
480
- .ui.inverted.blue.loader.loader.loader:after {
473
+ .ui.inverted.blue.elastic.loader::before,
474
+ .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
475
+ .ui.inverted.blue.elastic.loading.loading.loading .input > i.icon::before,
476
+ .ui.inverted.blue.elastic.loading.loading.loading > i.icon::before,
477
+ .ui.inverted.blue.loading.loading.loading.loading:not(.usual)::after,
478
+ .ui.inverted.blue.loading.loading.loading.loading .input > i.icon::after,
479
+ .ui.inverted.blue.loading.loading.loading.loading > i.icon::after,
480
+ .ui.inverted.blue.loader.loader.loader::after {
481
481
  color: #54C8FF;
482
482
  }
483
- .ui.violet.elastic.loader.loader:before,
484
- .ui.violet.basic.elastic.loading.button:before,
485
- .ui.violet.basic.elastic.loading.button:after,
486
- .ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
487
- .ui.violet.elastic.loading.loading.loading .input > i.icon:before,
488
- .ui.violet.elastic.loading.loading.loading.loading > i.icon:before,
489
- .ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
490
- .ui.violet.loading.loading.loading.loading .input > i.icon:after,
491
- .ui.violet.loading.loading.loading.loading > i.icon:after,
492
- .ui.violet.loader.loader.loader:after {
483
+ .ui.violet.elastic.loader.loader::before,
484
+ .ui.violet.basic.elastic.loading.button::before,
485
+ .ui.violet.basic.elastic.loading.button::after,
486
+ .ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
487
+ .ui.violet.elastic.loading.loading.loading .input > i.icon::before,
488
+ .ui.violet.elastic.loading.loading.loading.loading > i.icon::before,
489
+ .ui.violet.loading.loading.loading.loading:not(.usual):not(.button)::after,
490
+ .ui.violet.loading.loading.loading.loading .input > i.icon::after,
491
+ .ui.violet.loading.loading.loading.loading > i.icon::after,
492
+ .ui.violet.loader.loader.loader::after {
493
493
  color: #6435C9;
494
494
  }
495
- .ui.inverted.violet.elastic.loader:before,
496
- .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
497
- .ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before,
498
- .ui.inverted.violet.elastic.loading.loading.loading > i.icon:before,
499
- .ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,
500
- .ui.inverted.violet.loading.loading.loading.loading .input > i.icon:after,
501
- .ui.inverted.violet.loading.loading.loading.loading > i.icon:after,
502
- .ui.inverted.violet.loader.loader.loader:after {
495
+ .ui.inverted.violet.elastic.loader::before,
496
+ .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
497
+ .ui.inverted.violet.elastic.loading.loading.loading .input > i.icon::before,
498
+ .ui.inverted.violet.elastic.loading.loading.loading > i.icon::before,
499
+ .ui.inverted.violet.loading.loading.loading.loading:not(.usual)::after,
500
+ .ui.inverted.violet.loading.loading.loading.loading .input > i.icon::after,
501
+ .ui.inverted.violet.loading.loading.loading.loading > i.icon::after,
502
+ .ui.inverted.violet.loader.loader.loader::after {
503
503
  color: #A291FB;
504
504
  }
505
- .ui.purple.elastic.loader.loader:before,
506
- .ui.purple.basic.elastic.loading.button:before,
507
- .ui.purple.basic.elastic.loading.button:after,
508
- .ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
509
- .ui.purple.elastic.loading.loading.loading .input > i.icon:before,
510
- .ui.purple.elastic.loading.loading.loading.loading > i.icon:before,
511
- .ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
512
- .ui.purple.loading.loading.loading.loading .input > i.icon:after,
513
- .ui.purple.loading.loading.loading.loading > i.icon:after,
514
- .ui.purple.loader.loader.loader:after {
505
+ .ui.purple.elastic.loader.loader::before,
506
+ .ui.purple.basic.elastic.loading.button::before,
507
+ .ui.purple.basic.elastic.loading.button::after,
508
+ .ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
509
+ .ui.purple.elastic.loading.loading.loading .input > i.icon::before,
510
+ .ui.purple.elastic.loading.loading.loading.loading > i.icon::before,
511
+ .ui.purple.loading.loading.loading.loading:not(.usual):not(.button)::after,
512
+ .ui.purple.loading.loading.loading.loading .input > i.icon::after,
513
+ .ui.purple.loading.loading.loading.loading > i.icon::after,
514
+ .ui.purple.loader.loader.loader::after {
515
515
  color: #A333C8;
516
516
  }
517
- .ui.inverted.purple.elastic.loader:before,
518
- .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
519
- .ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before,
520
- .ui.inverted.purple.elastic.loading.loading.loading > i.icon:before,
521
- .ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,
522
- .ui.inverted.purple.loading.loading.loading.loading .input > i.icon:after,
523
- .ui.inverted.purple.loading.loading.loading.loading > i.icon:after,
524
- .ui.inverted.purple.loader.loader.loader:after {
517
+ .ui.inverted.purple.elastic.loader::before,
518
+ .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
519
+ .ui.inverted.purple.elastic.loading.loading.loading .input > i.icon::before,
520
+ .ui.inverted.purple.elastic.loading.loading.loading > i.icon::before,
521
+ .ui.inverted.purple.loading.loading.loading.loading:not(.usual)::after,
522
+ .ui.inverted.purple.loading.loading.loading.loading .input > i.icon::after,
523
+ .ui.inverted.purple.loading.loading.loading.loading > i.icon::after,
524
+ .ui.inverted.purple.loader.loader.loader::after {
525
525
  color: #DC73FF;
526
526
  }
527
- .ui.pink.elastic.loader.loader:before,
528
- .ui.pink.basic.elastic.loading.button:before,
529
- .ui.pink.basic.elastic.loading.button:after,
530
- .ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
531
- .ui.pink.elastic.loading.loading.loading .input > i.icon:before,
532
- .ui.pink.elastic.loading.loading.loading.loading > i.icon:before,
533
- .ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
534
- .ui.pink.loading.loading.loading.loading .input > i.icon:after,
535
- .ui.pink.loading.loading.loading.loading > i.icon:after,
536
- .ui.pink.loader.loader.loader:after {
527
+ .ui.pink.elastic.loader.loader::before,
528
+ .ui.pink.basic.elastic.loading.button::before,
529
+ .ui.pink.basic.elastic.loading.button::after,
530
+ .ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
531
+ .ui.pink.elastic.loading.loading.loading .input > i.icon::before,
532
+ .ui.pink.elastic.loading.loading.loading.loading > i.icon::before,
533
+ .ui.pink.loading.loading.loading.loading:not(.usual):not(.button)::after,
534
+ .ui.pink.loading.loading.loading.loading .input > i.icon::after,
535
+ .ui.pink.loading.loading.loading.loading > i.icon::after,
536
+ .ui.pink.loader.loader.loader::after {
537
537
  color: #E03997;
538
538
  }
539
- .ui.inverted.pink.elastic.loader:before,
540
- .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
541
- .ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before,
542
- .ui.inverted.pink.elastic.loading.loading.loading > i.icon:before,
543
- .ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,
544
- .ui.inverted.pink.loading.loading.loading.loading .input > i.icon:after,
545
- .ui.inverted.pink.loading.loading.loading.loading > i.icon:after,
546
- .ui.inverted.pink.loader.loader.loader:after {
539
+ .ui.inverted.pink.elastic.loader::before,
540
+ .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
541
+ .ui.inverted.pink.elastic.loading.loading.loading .input > i.icon::before,
542
+ .ui.inverted.pink.elastic.loading.loading.loading > i.icon::before,
543
+ .ui.inverted.pink.loading.loading.loading.loading:not(.usual)::after,
544
+ .ui.inverted.pink.loading.loading.loading.loading .input > i.icon::after,
545
+ .ui.inverted.pink.loading.loading.loading.loading > i.icon::after,
546
+ .ui.inverted.pink.loader.loader.loader::after {
547
547
  color: #FF8EDF;
548
548
  }
549
- .ui.brown.elastic.loader.loader:before,
550
- .ui.brown.basic.elastic.loading.button:before,
551
- .ui.brown.basic.elastic.loading.button:after,
552
- .ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
553
- .ui.brown.elastic.loading.loading.loading .input > i.icon:before,
554
- .ui.brown.elastic.loading.loading.loading.loading > i.icon:before,
555
- .ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
556
- .ui.brown.loading.loading.loading.loading .input > i.icon:after,
557
- .ui.brown.loading.loading.loading.loading > i.icon:after,
558
- .ui.brown.loader.loader.loader:after {
549
+ .ui.brown.elastic.loader.loader::before,
550
+ .ui.brown.basic.elastic.loading.button::before,
551
+ .ui.brown.basic.elastic.loading.button::after,
552
+ .ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
553
+ .ui.brown.elastic.loading.loading.loading .input > i.icon::before,
554
+ .ui.brown.elastic.loading.loading.loading.loading > i.icon::before,
555
+ .ui.brown.loading.loading.loading.loading:not(.usual):not(.button)::after,
556
+ .ui.brown.loading.loading.loading.loading .input > i.icon::after,
557
+ .ui.brown.loading.loading.loading.loading > i.icon::after,
558
+ .ui.brown.loader.loader.loader::after {
559
559
  color: #A5673F;
560
560
  }
561
- .ui.inverted.brown.elastic.loader:before,
562
- .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
563
- .ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before,
564
- .ui.inverted.brown.elastic.loading.loading.loading > i.icon:before,
565
- .ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,
566
- .ui.inverted.brown.loading.loading.loading.loading .input > i.icon:after,
567
- .ui.inverted.brown.loading.loading.loading.loading > i.icon:after,
568
- .ui.inverted.brown.loader.loader.loader:after {
561
+ .ui.inverted.brown.elastic.loader::before,
562
+ .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
563
+ .ui.inverted.brown.elastic.loading.loading.loading .input > i.icon::before,
564
+ .ui.inverted.brown.elastic.loading.loading.loading > i.icon::before,
565
+ .ui.inverted.brown.loading.loading.loading.loading:not(.usual)::after,
566
+ .ui.inverted.brown.loading.loading.loading.loading .input > i.icon::after,
567
+ .ui.inverted.brown.loading.loading.loading.loading > i.icon::after,
568
+ .ui.inverted.brown.loader.loader.loader::after {
569
569
  color: #D67C1C;
570
570
  }
571
- .ui.grey.elastic.loader.loader:before,
572
- .ui.grey.basic.elastic.loading.button:before,
573
- .ui.grey.basic.elastic.loading.button:after,
574
- .ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
575
- .ui.grey.elastic.loading.loading.loading .input > i.icon:before,
576
- .ui.grey.elastic.loading.loading.loading.loading > i.icon:before,
577
- .ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
578
- .ui.grey.loading.loading.loading.loading .input > i.icon:after,
579
- .ui.grey.loading.loading.loading.loading > i.icon:after,
580
- .ui.grey.loader.loader.loader:after {
571
+ .ui.grey.elastic.loader.loader::before,
572
+ .ui.grey.basic.elastic.loading.button::before,
573
+ .ui.grey.basic.elastic.loading.button::after,
574
+ .ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
575
+ .ui.grey.elastic.loading.loading.loading .input > i.icon::before,
576
+ .ui.grey.elastic.loading.loading.loading.loading > i.icon::before,
577
+ .ui.grey.loading.loading.loading.loading:not(.usual):not(.button)::after,
578
+ .ui.grey.loading.loading.loading.loading .input > i.icon::after,
579
+ .ui.grey.loading.loading.loading.loading > i.icon::after,
580
+ .ui.grey.loader.loader.loader::after {
581
581
  color: #767676;
582
582
  }
583
- .ui.inverted.grey.elastic.loader:before,
584
- .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
585
- .ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before,
586
- .ui.inverted.grey.elastic.loading.loading.loading > i.icon:before,
587
- .ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,
588
- .ui.inverted.grey.loading.loading.loading.loading .input > i.icon:after,
589
- .ui.inverted.grey.loading.loading.loading.loading > i.icon:after,
590
- .ui.inverted.grey.loader.loader.loader:after {
583
+ .ui.inverted.grey.elastic.loader::before,
584
+ .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
585
+ .ui.inverted.grey.elastic.loading.loading.loading .input > i.icon::before,
586
+ .ui.inverted.grey.elastic.loading.loading.loading > i.icon::before,
587
+ .ui.inverted.grey.loading.loading.loading.loading:not(.usual)::after,
588
+ .ui.inverted.grey.loading.loading.loading.loading .input > i.icon::after,
589
+ .ui.inverted.grey.loading.loading.loading.loading > i.icon::after,
590
+ .ui.inverted.grey.loader.loader.loader::after {
591
591
  color: #DCDDDE;
592
592
  }
593
- .ui.black.elastic.loader.loader:before,
594
- .ui.black.basic.elastic.loading.button:before,
595
- .ui.black.basic.elastic.loading.button:after,
596
- .ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
597
- .ui.black.elastic.loading.loading.loading .input > i.icon:before,
598
- .ui.black.elastic.loading.loading.loading.loading > i.icon:before,
599
- .ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
600
- .ui.black.loading.loading.loading.loading .input > i.icon:after,
601
- .ui.black.loading.loading.loading.loading > i.icon:after,
602
- .ui.black.loader.loader.loader:after {
593
+ .ui.black.elastic.loader.loader::before,
594
+ .ui.black.basic.elastic.loading.button::before,
595
+ .ui.black.basic.elastic.loading.button::after,
596
+ .ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
597
+ .ui.black.elastic.loading.loading.loading .input > i.icon::before,
598
+ .ui.black.elastic.loading.loading.loading.loading > i.icon::before,
599
+ .ui.black.loading.loading.loading.loading:not(.usual):not(.button)::after,
600
+ .ui.black.loading.loading.loading.loading .input > i.icon::after,
601
+ .ui.black.loading.loading.loading.loading > i.icon::after,
602
+ .ui.black.loader.loader.loader::after {
603
603
  color: #1B1C1D;
604
604
  }
605
- .ui.inverted.black.elastic.loader:before,
606
- .ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
607
- .ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before,
608
- .ui.inverted.black.elastic.loading.loading.loading > i.icon:before,
609
- .ui.inverted.black.loading.loading.loading.loading:not(.usual):after,
610
- .ui.inverted.black.loading.loading.loading.loading .input > i.icon:after,
611
- .ui.inverted.black.loading.loading.loading.loading > i.icon:after,
612
- .ui.inverted.black.loader.loader.loader:after {
605
+ .ui.inverted.black.elastic.loader::before,
606
+ .ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
607
+ .ui.inverted.black.elastic.loading.loading.loading .input > i.icon::before,
608
+ .ui.inverted.black.elastic.loading.loading.loading > i.icon::before,
609
+ .ui.inverted.black.loading.loading.loading.loading:not(.usual)::after,
610
+ .ui.inverted.black.loading.loading.loading.loading .input > i.icon::after,
611
+ .ui.inverted.black.loading.loading.loading.loading > i.icon::after,
612
+ .ui.inverted.black.loader.loader.loader::after {
613
613
  color: #545454;
614
614
  }
615
- .ui.elastic.loader.loader:before,
616
- .ui.elastic.loading.loading.loading:before,
617
- .ui.elastic.loading.loading.loading .input > i.icon:before,
618
- .ui.elastic.loading.loading.loading > i.icon:before,
619
- .ui.loading.loading.loading.loading:not(.usual):after,
620
- .ui.loading.loading.loading.loading .input > i.icon:after,
621
- .ui.loading.loading.loading.loading > i.icon:after,
622
- .ui.loader.loader.loader:after {
615
+ .ui.elastic.loader.loader::before,
616
+ .ui.elastic.loading.loading.loading::before,
617
+ .ui.elastic.loading.loading.loading .input > i.icon::before,
618
+ .ui.elastic.loading.loading.loading > i.icon::before,
619
+ .ui.loading.loading.loading.loading:not(.usual)::after,
620
+ .ui.loading.loading.loading.loading .input > i.icon::after,
621
+ .ui.loading.loading.loading.loading > i.icon::after,
622
+ .ui.loader.loader.loader::after {
623
623
  border-color: currentColor;
624
624
  }
625
- .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
625
+ .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before {
626
626
  color: #FFFFFF;
627
627
  }
628
- .ui.elastic.basic.loading.button:before,
629
- .ui.elastic.basic.loading.button:after {
628
+ .ui.elastic.basic.loading.button::before,
629
+ .ui.elastic.basic.loading.button::after {
630
630
  color: #767676;
631
631
  }
632
- .ui.double.loading.loading.loading.loading.button:after {
632
+ .ui.double.loading.loading.loading.loading.button::after {
633
633
  border-bottom-color: currentColor;
634
634
  }
635
635
 
@@ -658,30 +658,30 @@
658
658
  margin-left: auto;
659
659
  margin-right: auto;
660
660
  }
661
- .ui.loading.loading.loading.loading.loading.loading:after,
662
- .ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
663
- .ui.loading.loading.loading.loading.loading.loading > i.icon:after,
664
- .ui.loader.loader.loader.loader.loader:after {
661
+ .ui.loading.loading.loading.loading.loading.loading::after,
662
+ .ui.loading.loading.loading.loading.loading.loading .input > i.icon::after,
663
+ .ui.loading.loading.loading.loading.loading.loading > i.icon::after,
664
+ .ui.loader.loader.loader.loader.loader::after {
665
665
  border-left-color: transparent;
666
666
  border-right-color: transparent;
667
667
  }
668
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
669
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
670
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
671
- .ui.loader.loader.loader.loader.loader.loader:not(.double):after {
668
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,
669
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon::after,
670
+ .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon::after,
671
+ .ui.loader.loader.loader.loader.loader.loader:not(.double)::after {
672
672
  border-bottom-color: transparent;
673
673
  }
674
- .ui.loading.loading.loading.loading.loading.loading.card:after,
675
- .ui.loading.loading.loading.loading.loading.loading.segments:after,
676
- .ui.loading.loading.loading.loading.loading.loading.segment:after,
677
- .ui.loading.loading.loading.loading.loading.loading.form:after {
674
+ .ui.loading.loading.loading.loading.loading.loading.card::after,
675
+ .ui.loading.loading.loading.loading.loading.loading.segments::after,
676
+ .ui.loading.loading.loading.loading.loading.loading.segment::after,
677
+ .ui.loading.loading.loading.loading.loading.loading.form::after {
678
678
  border-left-color: rgba(0, 0, 0, 0.1);
679
679
  border-right-color: rgba(0, 0, 0, 0.1);
680
680
  }
681
- .ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,
682
- .ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
683
- .ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
684
- .ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
681
+ .ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,
682
+ .ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after,
683
+ .ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,
684
+ .ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after {
685
685
  border-bottom-color: rgba(0, 0, 0, 0.1);
686
686
  }
687
687
 
@@ -695,19 +695,19 @@
695
695
  .ui.inverted.dimmer > .ui.elastic.loader {
696
696
  color: #767676;
697
697
  }
698
- .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
699
- .ui.elastic.loading.loading .input > i.icon:after,
700
- .ui.elastic.loading.loading > i.icon:after,
701
- .ui.elastic.loader.loader:after {
698
+ .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
699
+ .ui.elastic.loading.loading .input > i.icon::after,
700
+ .ui.elastic.loading.loading > i.icon::after,
701
+ .ui.elastic.loader.loader::after {
702
702
  -webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
703
703
  animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
704
704
  -webkit-animation-delay: 0.3s;
705
705
  animation-delay: 0.3s;
706
706
  }
707
- .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
708
- .ui.elastic.loading.loading.loading .input > i.icon:before,
709
- .ui.elastic.loading.loading.loading > i.icon:before,
710
- .ui.elastic.loader.loader:before {
707
+ .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
708
+ .ui.elastic.loading.loading.loading .input > i.icon::before,
709
+ .ui.elastic.loading.loading.loading > i.icon::before,
710
+ .ui.elastic.loader.loader::before {
711
711
  -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
712
712
  animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
713
713
  -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
@@ -717,35 +717,35 @@
717
717
  -webkit-animation: loader 8s infinite linear;
718
718
  animation: loader 8s infinite linear;
719
719
  }
720
- .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
721
- .ui.slow.elastic.loading.loading .input > i.icon:after,
722
- .ui.slow.elastic.loading.loading > i.icon:after,
723
- .ui.slow.elastic.loader.loader:after {
720
+ .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
721
+ .ui.slow.elastic.loading.loading .input > i.icon::after,
722
+ .ui.slow.elastic.loading.loading > i.icon::after,
723
+ .ui.slow.elastic.loader.loader::after {
724
724
  -webkit-animation-duration: 1.5s;
725
725
  animation-duration: 1.5s;
726
726
  -webkit-animation-delay: 0.45s;
727
727
  animation-delay: 0.45s;
728
728
  }
729
- .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
730
- .ui.slow.elastic.loading.loading.loading .input > i.icon:before,
731
- .ui.slow.elastic.loading.loading.loading > i.icon:before,
732
- .ui.slow.elastic.loader.loader:before {
729
+ .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
730
+ .ui.slow.elastic.loading.loading.loading .input > i.icon::before,
731
+ .ui.slow.elastic.loading.loading.loading > i.icon::before,
732
+ .ui.slow.elastic.loader.loader::before {
733
733
  -webkit-animation-duration: 1.5s;
734
734
  animation-duration: 1.5s;
735
735
  }
736
- .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
737
- .ui.fast.elastic.loading.loading .input > i.icon:after,
738
- .ui.fast.elastic.loading.loading > i.icon:after,
739
- .ui.fast.elastic.loader.loader:after {
736
+ .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
737
+ .ui.fast.elastic.loading.loading .input > i.icon::after,
738
+ .ui.fast.elastic.loading.loading > i.icon::after,
739
+ .ui.fast.elastic.loader.loader::after {
740
740
  -webkit-animation-duration: 0.66s;
741
741
  animation-duration: 0.66s;
742
742
  -webkit-animation-delay: 0.2s;
743
743
  animation-delay: 0.2s;
744
744
  }
745
- .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
746
- .ui.fast.elastic.loading.loading.loading .input > i.icon:before,
747
- .ui.fast.elastic.loading.loading.loading > i.icon:before,
748
- .ui.fast.elastic.loader.loader:before {
745
+ .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
746
+ .ui.fast.elastic.loading.loading.loading .input > i.icon::before,
747
+ .ui.fast.elastic.loading.loading.loading > i.icon::before,
748
+ .ui.fast.elastic.loader.loader::before {
749
749
  -webkit-animation-duration: 0.66s;
750
750
  animation-duration: 0.66s;
751
751
  }