fomantic-ui 2.9.0-beta.3 → 2.9.0-beta.301

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 (411) hide show
  1. package/.all-contributorsrc +251 -3
  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/CONTRIBUTING.md +1 -1
  9. package/CONTRIBUTORS.md +82 -37
  10. package/FAQ.md +38 -38
  11. package/README.md +8 -8
  12. package/dist/components/accordion.css +176 -36
  13. package/dist/components/accordion.js +6 -3
  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 +90 -31
  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 +204 -157
  23. package/dist/components/button.min.css +2 -2
  24. package/dist/components/calendar.css +18 -1
  25. package/dist/components/calendar.js +189 -76
  26. package/dist/components/calendar.min.css +2 -2
  27. package/dist/components/calendar.min.js +3 -3
  28. package/dist/components/card.css +754 -117
  29. package/dist/components/card.min.css +2 -2
  30. package/dist/components/checkbox.css +92 -91
  31. package/dist/components/checkbox.js +17 -11
  32. package/dist/components/checkbox.min.css +2 -2
  33. package/dist/components/checkbox.min.js +3 -3
  34. package/dist/components/comment.css +12 -12
  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 +29 -14
  39. package/dist/components/dimmer.js +11 -5
  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 +90 -50
  45. package/dist/components/dropdown.js +152 -117
  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 +1 -1
  50. package/dist/components/embed.min.css +2 -2
  51. package/dist/components/embed.min.js +3 -3
  52. package/dist/components/emoji.css +10847 -8841
  53. package/dist/components/emoji.min.css +1 -1
  54. package/dist/components/feed.css +29 -29
  55. package/dist/components/feed.min.css +2 -2
  56. package/dist/components/flag.css +1011 -902
  57. package/dist/components/flag.min.css +2 -2
  58. package/dist/components/form.css +160 -83
  59. package/dist/components/form.js +39 -30
  60. package/dist/components/form.min.css +2 -2
  61. package/dist/components/form.min.js +3 -3
  62. package/dist/components/grid.css +25 -21
  63. package/dist/components/grid.min.css +2 -2
  64. package/dist/components/header.css +6 -4
  65. package/dist/components/header.min.css +2 -2
  66. package/dist/components/icon.css +2063 -1984
  67. package/dist/components/icon.min.css +2 -2
  68. package/dist/components/image.css +1 -1
  69. package/dist/components/image.min.css +1 -1
  70. package/dist/components/input.css +759 -22
  71. package/dist/components/input.min.css +2 -2
  72. package/dist/components/item.css +17 -17
  73. package/dist/components/item.min.css +2 -2
  74. package/dist/components/label.css +72 -68
  75. package/dist/components/label.min.css +2 -2
  76. package/dist/components/list.css +31 -31
  77. package/dist/components/list.min.css +2 -2
  78. package/dist/components/loader.css +352 -352
  79. package/dist/components/loader.min.css +2 -2
  80. package/dist/components/menu.css +110 -78
  81. package/dist/components/menu.min.css +1 -1
  82. package/dist/components/message.css +43 -43
  83. package/dist/components/message.min.css +2 -2
  84. package/dist/components/modal.css +29 -4
  85. package/dist/components/modal.js +128 -50
  86. package/dist/components/modal.min.css +2 -2
  87. package/dist/components/modal.min.js +3 -3
  88. package/dist/components/nag.css +1 -1
  89. package/dist/components/nag.js +2 -2
  90. package/dist/components/nag.min.css +1 -1
  91. package/dist/components/nag.min.js +3 -3
  92. package/dist/components/placeholder.css +33 -33
  93. package/dist/components/placeholder.min.css +2 -2
  94. package/dist/components/popup.css +103 -105
  95. package/dist/components/popup.js +11 -11
  96. package/dist/components/popup.min.css +2 -2
  97. package/dist/components/popup.min.js +3 -3
  98. package/dist/components/progress.css +1 -1
  99. package/dist/components/progress.js +6 -3
  100. package/dist/components/progress.min.css +1 -1
  101. package/dist/components/progress.min.js +3 -3
  102. package/dist/components/rail.css +1 -1
  103. package/dist/components/rail.min.css +1 -1
  104. package/dist/components/rating.css +7 -46
  105. package/dist/components/rating.js +1 -1
  106. package/dist/components/rating.min.css +2 -2
  107. package/dist/components/rating.min.js +3 -3
  108. package/dist/components/reset.css +5 -4
  109. package/dist/components/reset.min.css +2 -2
  110. package/dist/components/reveal.css +1 -1
  111. package/dist/components/reveal.min.css +1 -1
  112. package/dist/components/search.css +6 -6
  113. package/dist/components/search.js +23 -7
  114. package/dist/components/search.min.css +2 -2
  115. package/dist/components/search.min.js +3 -3
  116. package/dist/components/segment.css +118 -34
  117. package/dist/components/segment.min.css +2 -2
  118. package/dist/components/shape.css +1 -1
  119. package/dist/components/shape.js +3 -3
  120. package/dist/components/shape.min.css +1 -1
  121. package/dist/components/shape.min.js +3 -3
  122. package/dist/components/sidebar.css +7 -5
  123. package/dist/components/sidebar.js +14 -12
  124. package/dist/components/sidebar.min.css +2 -2
  125. package/dist/components/sidebar.min.js +3 -3
  126. package/dist/components/site.css +139 -42
  127. package/dist/components/site.js +1 -1
  128. package/dist/components/site.min.css +2 -2
  129. package/dist/components/site.min.js +3 -3
  130. package/dist/components/slider.css +17 -17
  131. package/dist/components/slider.js +68 -51
  132. package/dist/components/slider.min.css +1 -1
  133. package/dist/components/slider.min.js +3 -3
  134. package/dist/components/state.js +2 -2
  135. package/dist/components/state.min.js +3 -3
  136. package/dist/components/statistic.css +4 -4
  137. package/dist/components/statistic.min.css +2 -2
  138. package/dist/components/step.css +32 -32
  139. package/dist/components/step.min.css +2 -2
  140. package/dist/components/sticky.css +1 -1
  141. package/dist/components/sticky.js +5 -5
  142. package/dist/components/sticky.min.css +1 -1
  143. package/dist/components/sticky.min.js +3 -3
  144. package/dist/components/tab.css +5 -5
  145. package/dist/components/tab.js +24 -6
  146. package/dist/components/tab.min.css +2 -2
  147. package/dist/components/tab.min.js +3 -3
  148. package/dist/components/table.css +1684 -272
  149. package/dist/components/table.min.css +2 -2
  150. package/dist/components/text.css +1 -1
  151. package/dist/components/text.min.css +1 -1
  152. package/dist/components/toast.css +48 -1
  153. package/dist/components/toast.js +63 -31
  154. package/dist/components/toast.min.css +2 -2
  155. package/dist/components/toast.min.js +3 -3
  156. package/dist/components/transition.css +1 -1
  157. package/dist/components/transition.js +22 -17
  158. package/dist/components/transition.min.css +1 -1
  159. package/dist/components/transition.min.js +3 -3
  160. package/dist/components/visibility.js +3 -3
  161. package/dist/components/visibility.min.js +3 -3
  162. package/dist/semantic.css +20204 -13425
  163. package/dist/semantic.js +883 -481
  164. package/dist/semantic.min.css +3 -3
  165. package/dist/semantic.min.js +3 -3
  166. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  167. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  168. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  169. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  170. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  171. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  172. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  173. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  174. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  175. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  176. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  177. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  178. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  179. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  180. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  181. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  182. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  183. package/dist/themes/default/assets/fonts/brand-icons.svg +801 -654
  184. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  185. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  186. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  187. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  188. package/dist/themes/default/assets/fonts/icons.svg +1175 -1079
  189. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  190. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  191. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  192. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  193. package/dist/themes/default/assets/fonts/outline-icons.svg +93 -95
  194. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  195. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  196. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  197. package/dist/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  198. package/examples/assets/library/iframe-content.js +11 -11
  199. package/examples/assets/library/iframe.js +6 -6
  200. package/examples/components/button.html +1 -1
  201. package/examples/components/card.html +1 -1
  202. package/examples/components/input.html +1 -1
  203. package/examples/components/menu.html +1 -1
  204. package/examples/components/site.html +1 -1
  205. package/examples/components/table.html +1 -1
  206. package/package.json +18 -16
  207. package/scripts/nightly-version.js +47 -38
  208. package/src/definitions/behaviors/api.js +89 -30
  209. package/src/definitions/behaviors/form.js +38 -29
  210. package/src/definitions/behaviors/state.js +1 -1
  211. package/src/definitions/behaviors/visibility.js +2 -2
  212. package/src/definitions/collections/form.less +229 -165
  213. package/src/definitions/collections/grid.less +723 -687
  214. package/src/definitions/collections/menu.less +233 -171
  215. package/src/definitions/collections/message.less +49 -47
  216. package/src/definitions/collections/table.less +882 -272
  217. package/src/definitions/elements/button.less +611 -469
  218. package/src/definitions/elements/container.less +145 -8
  219. package/src/definitions/elements/divider.less +24 -24
  220. package/src/definitions/elements/emoji.less +39 -10
  221. package/src/definitions/elements/flag.less +53 -18
  222. package/src/definitions/elements/header.less +46 -37
  223. package/src/definitions/elements/icon.less +39 -32
  224. package/src/definitions/elements/input.less +281 -33
  225. package/src/definitions/elements/label.less +132 -128
  226. package/src/definitions/elements/list.less +84 -75
  227. package/src/definitions/elements/loader.less +99 -98
  228. package/src/definitions/elements/placeholder.less +32 -32
  229. package/src/definitions/elements/segment.less +177 -56
  230. package/src/definitions/elements/step.less +76 -72
  231. package/src/definitions/elements/text.less +17 -15
  232. package/src/definitions/globals/reset.less +2 -2
  233. package/src/definitions/globals/site.less +25 -2
  234. package/src/definitions/modules/accordion.js +5 -2
  235. package/src/definitions/modules/accordion.less +371 -219
  236. package/src/definitions/modules/calendar.js +188 -75
  237. package/src/definitions/modules/calendar.less +20 -0
  238. package/src/definitions/modules/checkbox.js +16 -10
  239. package/src/definitions/modules/checkbox.less +83 -227
  240. package/src/definitions/modules/dimmer.js +10 -4
  241. package/src/definitions/modules/dimmer.less +22 -8
  242. package/src/definitions/modules/dropdown.js +151 -116
  243. package/src/definitions/modules/dropdown.less +191 -136
  244. package/src/definitions/modules/embed.less +4 -4
  245. package/src/definitions/modules/modal.js +127 -49
  246. package/src/definitions/modules/modal.less +66 -33
  247. package/src/definitions/modules/nag.js +1 -1
  248. package/src/definitions/modules/nag.less +20 -19
  249. package/src/definitions/modules/popup.js +10 -10
  250. package/src/definitions/modules/popup.less +90 -90
  251. package/src/definitions/modules/progress.js +5 -2
  252. package/src/definitions/modules/progress.less +19 -18
  253. package/src/definitions/modules/rating.less +49 -42
  254. package/src/definitions/modules/search.js +22 -6
  255. package/src/definitions/modules/search.less +35 -19
  256. package/src/definitions/modules/shape.js +2 -2
  257. package/src/definitions/modules/sidebar.js +13 -11
  258. package/src/definitions/modules/sidebar.less +36 -22
  259. package/src/definitions/modules/slider.js +67 -50
  260. package/src/definitions/modules/slider.less +48 -47
  261. package/src/definitions/modules/sticky.js +4 -4
  262. package/src/definitions/modules/sticky.less +3 -1
  263. package/src/definitions/modules/tab.js +23 -5
  264. package/src/definitions/modules/tab.less +4 -4
  265. package/src/definitions/modules/toast.js +62 -30
  266. package/src/definitions/modules/toast.less +56 -16
  267. package/src/definitions/modules/transition.js +21 -16
  268. package/src/definitions/views/ad.less +3 -3
  269. package/src/definitions/views/card.less +522 -375
  270. package/src/definitions/views/comment.less +93 -82
  271. package/src/definitions/views/feed.less +164 -144
  272. package/src/definitions/views/item.less +251 -198
  273. package/src/definitions/views/statistic.less +91 -89
  274. package/src/theme.less +13 -2
  275. package/src/themes/amazon/globals/site.variables +1 -0
  276. package/src/themes/basic/elements/icon.overrides +149 -149
  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.eot +0 -0
  298. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  299. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  300. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  301. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  302. package/src/themes/default/assets/fonts/icons.eot +0 -0
  303. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  304. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  305. package/src/themes/default/assets/fonts/icons.woff +0 -0
  306. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  307. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  308. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  309. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  310. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  311. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  312. package/src/themes/default/collections/form.variables +4 -0
  313. package/src/themes/default/collections/menu.variables +6 -0
  314. package/src/themes/default/collections/table.variables +52 -0
  315. package/src/themes/default/elements/button.variables +7 -1
  316. package/src/themes/default/elements/container.variables +12 -0
  317. package/src/themes/default/elements/divider.overrides +7 -7
  318. package/src/themes/default/elements/emoji.overrides +0 -3090
  319. package/src/themes/default/elements/emoji.variables +3575 -1
  320. package/src/themes/default/elements/flag.overrides +0 -991
  321. package/src/themes/default/elements/flag.variables +1609 -5
  322. package/src/themes/default/elements/icon.overrides +1975 -1949
  323. package/src/themes/default/elements/icon.variables +1 -0
  324. package/src/themes/default/elements/input.variables +15 -0
  325. package/src/themes/default/elements/segment.variables +8 -0
  326. package/src/themes/default/elements/step.overrides +4 -4
  327. package/src/themes/default/globals/site.variables +109 -8
  328. package/src/themes/default/globals/variation.variables +145 -6
  329. package/src/themes/default/modules/accordion.overrides +6 -5
  330. package/src/themes/default/modules/accordion.variables +49 -2
  331. package/src/themes/default/modules/calendar.variables +3 -0
  332. package/src/themes/default/modules/checkbox.overrides +9 -9
  333. package/src/themes/default/modules/checkbox.variables +5 -5
  334. package/src/themes/default/modules/dimmer.variables +1 -1
  335. package/src/themes/default/modules/dropdown.overrides +5 -5
  336. package/src/themes/default/modules/dropdown.variables +4 -10
  337. package/src/themes/default/modules/modal.variables +14 -0
  338. package/src/themes/default/modules/popup.variables +0 -2
  339. package/src/themes/default/modules/toast.variables +3 -0
  340. package/src/themes/default/views/card.variables +8 -0
  341. package/src/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  342. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  343. package/src/themes/famfamfam/elements/flag.variables +20 -0
  344. package/src/themes/github/elements/icon.overrides +206 -206
  345. package/src/themes/github/elements/step.overrides +5 -5
  346. package/src/themes/github/globals/site.variables +1 -0
  347. package/src/themes/github/modules/dropdown.overrides +6 -6
  348. package/src/themes/instagram/views/card.overrides +1 -1
  349. package/src/themes/joypixels/elements/emoji.overrides +0 -3089
  350. package/src/themes/joypixels/elements/emoji.variables +3574 -5
  351. package/src/themes/material/collections/menu.overrides +1 -1
  352. package/src/themes/material/elements/button.overrides +1 -1
  353. package/src/themes/material/elements/header.overrides +1 -1
  354. package/src/themes/material/elements/icon.overrides +932 -932
  355. package/src/themes/material/globals/site.variables +0 -1
  356. package/src/themes/material/modules/dropdown.overrides +1 -1
  357. package/src/themes/material/modules/modal.overrides +1 -1
  358. package/src/themes/pulsar/elements/loader.overrides +2 -2
  359. package/src/themes/resetcss/globals/reset.overrides +3 -3
  360. package/src/themes/rtl/globals/site.overrides +1 -1
  361. package/src/themes/striped/modules/progress.overrides +1 -1
  362. package/src/themes/systemfont/globals/reset.overrides +8 -0
  363. package/src/themes/systemfont/globals/site.variables +10 -0
  364. package/src/themes/twitter/elements/emoji.overrides +0 -3091
  365. package/src/themes/twitter/elements/emoji.variables +3570 -6
  366. package/tasks/admin/components/init.js +2 -2
  367. package/tasks/admin/distributions/create.js +1 -1
  368. package/tasks/admin/distributions/init.js +2 -2
  369. package/tasks/admin/publish.js +1 -1
  370. package/tasks/admin/release.js +1 -1
  371. package/tasks/build/assets.js +1 -1
  372. package/tasks/build/css.js +9 -4
  373. package/tasks/build/javascript.js +3 -3
  374. package/tasks/check-install.js +1 -1
  375. package/tasks/clean.js +1 -1
  376. package/tasks/collections/README.md +1 -1
  377. package/tasks/collections/admin.js +1 -1
  378. package/tasks/config/admin/oauth.example.js +1 -1
  379. package/tasks/config/admin/templates/composer.json +1 -1
  380. package/tasks/config/project/install.js +15 -13
  381. package/tasks/install.js +1 -0
  382. package/tasks/rtl/watch.js +1 -1
  383. package/tasks/version.js +1 -1
  384. package/test/fixtures/accordion.html +1 -1
  385. package/test/fixtures/checkbox.html +1 -1
  386. package/test/fixtures/dropdown.html +1 -1
  387. package/test/fixtures/modal.html +1 -1
  388. package/test/fixtures/popup.html +1 -1
  389. package/test/fixtures/rating.html +1 -1
  390. package/test/fixtures/shape.html +1 -1
  391. package/test/fixtures/sidebar.html +1 -1
  392. package/test/fixtures/tab.html +1 -1
  393. package/test/fixtures/transition.html +1 -1
  394. package/test/fixtures/video.html +1 -1
  395. package/test/helpers/jasmine-jquery.js +2 -2
  396. package/test/helpers/jasmine-sinon.js +1 -1
  397. package/test/helpers/jquery-events.js +1 -1
  398. package/test/helpers/sinon.js +3 -3
  399. package/test/meteor/fonts.js +1 -1
  400. package/test/modules/accordion.spec.js +1 -1
  401. package/test/modules/checkbox.spec.js +1 -1
  402. package/test/modules/dropdown.spec.js +1 -1
  403. package/test/modules/modal.spec.js +1 -1
  404. package/test/modules/module.spec.js +1 -1
  405. package/test/modules/popup.spec.js +1 -1
  406. package/test/modules/search.spec.js +1 -1
  407. package/test/modules/shape.spec.js +1 -1
  408. package/test/modules/sidebar.spec.js +1 -1
  409. package/test/modules/tab.spec.js +1 -1
  410. package/test/modules/transition.spec.js +1 -1
  411. package/test/modules/video.spec.js +1 -1
package/dist/components/loader.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0-beta.3 - Loader
2
+ * # Fomantic-UI 2.9.0-beta.301+42e68bc - 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
  }