fomantic-ui 2.9.3-beta.4 → 2.9.3-beta.41

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 (272) hide show
  1. package/.all-contributorsrc +2 -2
  2. package/.github/FUNDING.yml +1 -1
  3. package/.github/auto_assign.yml +1 -1
  4. package/.github/workflows/ci.yml +2 -2
  5. package/CONTRIBUTORS.md +1 -1
  6. package/dist/components/accordion.css +1 -1
  7. package/dist/components/accordion.js +2 -2
  8. package/dist/components/accordion.min.css +1 -1
  9. package/dist/components/accordion.min.js +2 -2
  10. package/dist/components/ad.css +1 -1
  11. package/dist/components/ad.min.css +1 -1
  12. package/dist/components/api.js +3 -3
  13. package/dist/components/api.min.js +2 -2
  14. package/dist/components/breadcrumb.css +1 -1
  15. package/dist/components/breadcrumb.min.css +1 -1
  16. package/dist/components/button.css +2 -2
  17. package/dist/components/button.min.css +2 -2
  18. package/dist/components/calendar.css +1 -1
  19. package/dist/components/calendar.js +2 -2
  20. package/dist/components/calendar.min.css +1 -1
  21. package/dist/components/calendar.min.js +2 -2
  22. package/dist/components/card.css +1 -1
  23. package/dist/components/card.min.css +1 -1
  24. package/dist/components/checkbox.css +50 -6
  25. package/dist/components/checkbox.js +5 -3
  26. package/dist/components/checkbox.min.css +2 -2
  27. package/dist/components/checkbox.min.js +2 -2
  28. package/dist/components/comment.css +6 -1
  29. package/dist/components/comment.min.css +2 -2
  30. package/dist/components/container.css +62 -1
  31. package/dist/components/container.min.css +2 -2
  32. package/dist/components/dimmer.css +3 -3
  33. package/dist/components/dimmer.js +2 -2
  34. package/dist/components/dimmer.min.css +2 -2
  35. package/dist/components/dimmer.min.js +2 -2
  36. package/dist/components/divider.css +1 -1
  37. package/dist/components/divider.min.css +1 -1
  38. package/dist/components/dropdown.css +42 -4
  39. package/dist/components/dropdown.js +25 -20
  40. package/dist/components/dropdown.min.css +2 -2
  41. package/dist/components/dropdown.min.js +2 -2
  42. package/dist/components/embed.css +1 -1
  43. package/dist/components/embed.js +2 -2
  44. package/dist/components/embed.min.css +1 -1
  45. package/dist/components/embed.min.js +2 -2
  46. package/dist/components/emoji.css +697 -249
  47. package/dist/components/emoji.min.css +2 -2
  48. package/dist/components/feed.css +486 -5
  49. package/dist/components/feed.min.css +2 -2
  50. package/dist/components/flag.css +3 -2
  51. package/dist/components/flag.min.css +2 -2
  52. package/dist/components/flyout.css +1 -1
  53. package/dist/components/flyout.js +5 -3
  54. package/dist/components/flyout.min.css +1 -1
  55. package/dist/components/flyout.min.js +2 -2
  56. package/dist/components/form.css +53 -20
  57. package/dist/components/form.js +73 -32
  58. package/dist/components/form.min.css +2 -2
  59. package/dist/components/form.min.js +2 -2
  60. package/dist/components/grid.css +107 -107
  61. package/dist/components/grid.min.css +2 -2
  62. package/dist/components/header.css +1 -1
  63. package/dist/components/header.min.css +1 -1
  64. package/dist/components/icon.css +62 -62
  65. package/dist/components/icon.min.css +2 -2
  66. package/dist/components/image.css +1 -1
  67. package/dist/components/image.min.css +1 -1
  68. package/dist/components/input.css +3 -27
  69. package/dist/components/input.min.css +2 -2
  70. package/dist/components/item.css +6 -1
  71. package/dist/components/item.min.css +2 -2
  72. package/dist/components/label.css +21 -2
  73. package/dist/components/label.min.css +2 -2
  74. package/dist/components/list.css +13 -13
  75. package/dist/components/list.min.css +2 -2
  76. package/dist/components/loader.css +282 -282
  77. package/dist/components/loader.min.css +2 -2
  78. package/dist/components/menu.css +13 -7
  79. package/dist/components/menu.min.css +2 -2
  80. package/dist/components/message.css +1 -1
  81. package/dist/components/message.min.css +1 -1
  82. package/dist/components/modal.css +10 -3
  83. package/dist/components/modal.js +10 -10
  84. package/dist/components/modal.min.css +2 -2
  85. package/dist/components/modal.min.js +2 -2
  86. package/dist/components/nag.css +1 -1
  87. package/dist/components/nag.js +3 -3
  88. package/dist/components/nag.min.css +1 -1
  89. package/dist/components/nag.min.js +2 -2
  90. package/dist/components/placeholder.css +1 -1
  91. package/dist/components/placeholder.min.css +1 -1
  92. package/dist/components/popup.css +41 -40
  93. package/dist/components/popup.js +11 -9
  94. package/dist/components/popup.min.css +2 -2
  95. package/dist/components/popup.min.js +2 -2
  96. package/dist/components/progress.css +1 -1
  97. package/dist/components/progress.js +2 -2
  98. package/dist/components/progress.min.css +1 -1
  99. package/dist/components/progress.min.js +2 -2
  100. package/dist/components/rail.css +1 -1
  101. package/dist/components/rail.min.css +1 -1
  102. package/dist/components/rating.css +1 -1
  103. package/dist/components/rating.js +2 -2
  104. package/dist/components/rating.min.css +1 -1
  105. package/dist/components/rating.min.js +2 -2
  106. package/dist/components/reset.css +1 -1
  107. package/dist/components/reset.min.css +1 -1
  108. package/dist/components/reveal.css +1 -1
  109. package/dist/components/reveal.min.css +1 -1
  110. package/dist/components/search.css +26 -1
  111. package/dist/components/search.js +5 -4
  112. package/dist/components/search.min.css +2 -2
  113. package/dist/components/search.min.js +2 -2
  114. package/dist/components/segment.css +159 -33
  115. package/dist/components/segment.min.css +2 -2
  116. package/dist/components/shape.css +1 -1
  117. package/dist/components/shape.js +2 -2
  118. package/dist/components/shape.min.css +1 -1
  119. package/dist/components/shape.min.js +2 -2
  120. package/dist/components/sidebar.css +1 -1
  121. package/dist/components/sidebar.js +2 -2
  122. package/dist/components/sidebar.min.css +1 -1
  123. package/dist/components/sidebar.min.js +2 -2
  124. package/dist/components/site.css +1 -1
  125. package/dist/components/site.js +2 -2
  126. package/dist/components/site.min.css +1 -1
  127. package/dist/components/site.min.js +2 -2
  128. package/dist/components/slider.css +1 -1
  129. package/dist/components/slider.js +123 -27
  130. package/dist/components/slider.min.css +1 -1
  131. package/dist/components/slider.min.js +2 -2
  132. package/dist/components/state.js +2 -2
  133. package/dist/components/state.min.js +2 -2
  134. package/dist/components/statistic.css +1 -1
  135. package/dist/components/statistic.min.css +1 -1
  136. package/dist/components/step.css +1 -1
  137. package/dist/components/step.min.css +1 -1
  138. package/dist/components/sticky.css +1 -1
  139. package/dist/components/sticky.js +2 -2
  140. package/dist/components/sticky.min.css +1 -1
  141. package/dist/components/sticky.min.js +2 -2
  142. package/dist/components/tab.css +1 -1
  143. package/dist/components/tab.js +6 -4
  144. package/dist/components/tab.min.css +1 -1
  145. package/dist/components/tab.min.js +2 -2
  146. package/dist/components/table.css +65 -1
  147. package/dist/components/table.min.css +2 -2
  148. package/dist/components/text.css +1 -1
  149. package/dist/components/text.min.css +1 -1
  150. package/dist/components/toast.css +6 -1
  151. package/dist/components/toast.js +2 -2
  152. package/dist/components/toast.min.css +2 -2
  153. package/dist/components/toast.min.js +2 -2
  154. package/dist/components/transition.css +1 -1
  155. package/dist/components/transition.js +3 -3
  156. package/dist/components/transition.min.css +1 -1
  157. package/dist/components/transition.min.js +2 -2
  158. package/dist/components/visibility.js +2 -2
  159. package/dist/components/visibility.min.js +2 -2
  160. package/dist/semantic.css +2658 -960
  161. package/dist/semantic.js +299 -148
  162. package/dist/semantic.min.css +2 -2
  163. package/dist/semantic.min.js +2 -2
  164. package/package.json +1 -1
  165. package/src/definitions/behaviors/api.js +2 -2
  166. package/src/definitions/behaviors/form.js +72 -31
  167. package/src/definitions/behaviors/state.js +1 -1
  168. package/src/definitions/behaviors/visibility.js +1 -1
  169. package/src/definitions/collections/breadcrumb.less +2 -1
  170. package/src/definitions/collections/form.less +27 -13
  171. package/src/definitions/collections/grid.less +108 -107
  172. package/src/definitions/collections/menu.less +31 -23
  173. package/src/definitions/collections/message.less +2 -1
  174. package/src/definitions/collections/table.less +68 -1
  175. package/src/definitions/elements/button.less +4 -2
  176. package/src/definitions/elements/container.less +65 -1
  177. package/src/definitions/elements/divider.less +2 -1
  178. package/src/definitions/elements/emoji.less +2 -1
  179. package/src/definitions/elements/flag.less +2 -1
  180. package/src/definitions/elements/header.less +2 -1
  181. package/src/definitions/elements/icon.less +7 -6
  182. package/src/definitions/elements/image.less +2 -1
  183. package/src/definitions/elements/input.less +4 -3
  184. package/src/definitions/elements/label.less +23 -2
  185. package/src/definitions/elements/list.less +15 -14
  186. package/src/definitions/elements/loader.less +73 -72
  187. package/src/definitions/elements/placeholder.less +2 -1
  188. package/src/definitions/elements/rail.less +2 -1
  189. package/src/definitions/elements/reveal.less +2 -1
  190. package/src/definitions/elements/segment.less +112 -14
  191. package/src/definitions/elements/step.less +2 -1
  192. package/src/definitions/elements/text.less +2 -1
  193. package/src/definitions/globals/reset.less +2 -1
  194. package/src/definitions/globals/site.js +1 -1
  195. package/src/definitions/globals/site.less +2 -1
  196. package/src/definitions/modules/accordion.js +1 -1
  197. package/src/definitions/modules/accordion.less +2 -1
  198. package/src/definitions/modules/calendar.js +1 -1
  199. package/src/definitions/modules/calendar.less +2 -1
  200. package/src/definitions/modules/checkbox.js +4 -2
  201. package/src/definitions/modules/checkbox.less +63 -6
  202. package/src/definitions/modules/dimmer.js +1 -1
  203. package/src/definitions/modules/dimmer.less +4 -3
  204. package/src/definitions/modules/dropdown.js +24 -19
  205. package/src/definitions/modules/dropdown.less +55 -4
  206. package/src/definitions/modules/embed.js +1 -1
  207. package/src/definitions/modules/embed.less +2 -1
  208. package/src/definitions/modules/flyout.js +4 -2
  209. package/src/definitions/modules/flyout.less +2 -1
  210. package/src/definitions/modules/modal.js +9 -9
  211. package/src/definitions/modules/modal.less +13 -3
  212. package/src/definitions/modules/nag.js +2 -2
  213. package/src/definitions/modules/nag.less +3 -1
  214. package/src/definitions/modules/popup.js +10 -8
  215. package/src/definitions/modules/popup.less +42 -39
  216. package/src/definitions/modules/progress.js +1 -1
  217. package/src/definitions/modules/progress.less +2 -1
  218. package/src/definitions/modules/rating.js +1 -1
  219. package/src/definitions/modules/rating.less +2 -1
  220. package/src/definitions/modules/search.js +4 -3
  221. package/src/definitions/modules/search.less +33 -1
  222. package/src/definitions/modules/shape.js +1 -1
  223. package/src/definitions/modules/shape.less +2 -1
  224. package/src/definitions/modules/sidebar.js +1 -1
  225. package/src/definitions/modules/sidebar.less +2 -1
  226. package/src/definitions/modules/slider.js +122 -26
  227. package/src/definitions/modules/slider.less +2 -1
  228. package/src/definitions/modules/sticky.js +1 -1
  229. package/src/definitions/modules/sticky.less +2 -1
  230. package/src/definitions/modules/tab.js +5 -3
  231. package/src/definitions/modules/tab.less +2 -1
  232. package/src/definitions/modules/toast.js +1 -1
  233. package/src/definitions/modules/toast.less +9 -1
  234. package/src/definitions/modules/transition.js +2 -2
  235. package/src/definitions/modules/transition.less +2 -1
  236. package/src/definitions/views/ad.less +2 -1
  237. package/src/definitions/views/card.less +2 -1
  238. package/src/definitions/views/comment.less +9 -1
  239. package/src/definitions/views/feed.less +240 -33
  240. package/src/definitions/views/item.less +9 -1
  241. package/src/definitions/views/statistic.less +2 -1
  242. package/src/overrides.less +7 -0
  243. package/src/theme.less +7 -6
  244. package/src/themes/amazon/elements/button.variables +5 -1
  245. package/src/themes/bootstrap3/elements/button.variables +5 -1
  246. package/src/themes/chubby/elements/header.variables +6 -1
  247. package/src/themes/default/collections/message.variables +3 -9
  248. package/src/themes/default/collections/table.variables +3 -0
  249. package/src/themes/default/elements/button.variables +1 -3
  250. package/src/themes/default/elements/container.variables +3 -0
  251. package/src/themes/default/elements/emoji.variables +179 -67
  252. package/src/themes/default/elements/flag.variables +1 -1
  253. package/src/themes/default/elements/label.variables +5 -0
  254. package/src/themes/default/elements/segment.variables +8 -0
  255. package/src/themes/default/globals/site.variables +20 -1
  256. package/src/themes/default/globals/variation.variables +23 -1
  257. package/src/themes/default/modules/checkbox.variables +12 -0
  258. package/src/themes/default/modules/dropdown.variables +6 -0
  259. package/src/themes/default/modules/modal.variables +4 -0
  260. package/src/themes/default/modules/popup.variables +3 -1
  261. package/src/themes/default/modules/search.variables +3 -0
  262. package/src/themes/default/modules/toast.variables +1 -0
  263. package/src/themes/default/views/card.variables +4 -12
  264. package/src/themes/default/views/feed.variables +55 -1
  265. package/src/themes/github/elements/button.variables +5 -1
  266. package/src/themes/joypixels/elements/emoji.variables +182 -70
  267. package/src/themes/twitter/elements/button.variables +5 -1
  268. package/src/themes/twitter/elements/emoji.variables +178 -66
  269. package/tasks/admin/distributions/create.js +8 -3
  270. package/tasks/config/project/install.js +3 -0
  271. package/tasks/config/tasks.js +1 -8
  272. package/tasks/install.js +15 -5
package/dist/components/loader.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.3-beta.4+bda537d - Loader
2
+ * # Fomantic-UI 2.9.3-beta.41+41577bc - Loader
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -53,15 +53,15 @@
53
53
  }
54
54
 
55
55
  /* Speeds */
56
- .ui.fast.loading.loading::after,
57
- .ui.fast.loading.loading .input > i.icon::after,
58
- .ui.fast.loading.loading > i.icon::after,
56
+ .ui.ui.fast.loading::after,
57
+ .ui.ui.fast.loading .input > i.icon::after,
58
+ .ui.ui.fast.loading > i.icon::after,
59
59
  .ui.fast.loader::after {
60
60
  animation-duration: 0.3s;
61
61
  }
62
- .ui.slow.loading.loading::after,
63
- .ui.slow.loading.loading .input > i.icon::after,
64
- .ui.slow.loading.loading > i.icon::after,
62
+ .ui.ui.slow.loading::after,
63
+ .ui.ui.slow.loading .input > i.icon::after,
64
+ .ui.ui.slow.loading > i.icon::after,
65
65
  .ui.slow.loader::after {
66
66
  animation-duration: 0.9s;
67
67
  }
@@ -265,354 +265,354 @@
265
265
  /* -------------------
266
266
  Colors
267
267
  -------------------- */
268
- .ui.primary.elastic.loader.loader::before,
268
+ .ui.ui.primary.elastic.loader::before,
269
269
  .ui.primary.basic.elastic.loading.button::before,
270
270
  .ui.primary.basic.elastic.loading.button::after,
271
- .ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
272
- .ui.primary.elastic.loading.loading.loading .input > i.icon::before,
273
- .ui.primary.elastic.loading.loading.loading.loading > i.icon::before,
274
- .ui.primary.loading.loading.loading.loading:not(.usual):not(.button)::after,
275
- .ui.primary.loading.loading.loading.loading .input > i.icon::after,
276
- .ui.primary.loading.loading.loading.loading > i.icon::after,
277
- .ui.primary.loader.loader.loader::after {
271
+ .ui.ui.ui.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
272
+ .ui.ui.ui.primary.elastic.loading .input > i.icon::before,
273
+ .ui.ui.ui.ui.primary.elastic.loading > i.icon::before,
274
+ .ui.ui.ui.ui.primary.loading:not(.usual):not(.button)::after,
275
+ .ui.ui.ui.ui.primary.loading .input > i.icon::after,
276
+ .ui.ui.ui.ui.primary.loading > i.icon::after,
277
+ .ui.ui.ui.primary.loader::after {
278
278
  color: #2185d0;
279
279
  }
280
280
  .ui.inverted.primary.elastic.loader::before,
281
- .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
282
- .ui.inverted.primary.elastic.loading.loading.loading .input > i.icon::before,
283
- .ui.inverted.primary.elastic.loading.loading.loading > i.icon::before,
284
- .ui.inverted.primary.loading.loading.loading.loading:not(.usual)::after,
285
- .ui.inverted.primary.loading.loading.loading.loading .input > i.icon::after,
286
- .ui.inverted.primary.loading.loading.loading.loading > i.icon::after,
287
- .ui.inverted.primary.loader.loader.loader::after {
281
+ .ui.ui.ui.inverted.primary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
282
+ .ui.ui.ui.inverted.primary.elastic.loading .input > i.icon::before,
283
+ .ui.ui.ui.inverted.primary.elastic.loading > i.icon::before,
284
+ .ui.ui.ui.ui.inverted.primary.loading:not(.usual)::after,
285
+ .ui.ui.ui.ui.inverted.primary.loading .input > i.icon::after,
286
+ .ui.ui.ui.ui.inverted.primary.loading > i.icon::after,
287
+ .ui.ui.ui.inverted.primary.loader::after {
288
288
  color: #54c8ff;
289
289
  }
290
- .ui.secondary.elastic.loader.loader::before,
290
+ .ui.ui.secondary.elastic.loader::before,
291
291
  .ui.secondary.basic.elastic.loading.button::before,
292
292
  .ui.secondary.basic.elastic.loading.button::after,
293
- .ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
294
- .ui.secondary.elastic.loading.loading.loading .input > i.icon::before,
295
- .ui.secondary.elastic.loading.loading.loading.loading > i.icon::before,
296
- .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button)::after,
297
- .ui.secondary.loading.loading.loading.loading .input > i.icon::after,
298
- .ui.secondary.loading.loading.loading.loading > i.icon::after,
299
- .ui.secondary.loader.loader.loader::after {
293
+ .ui.ui.ui.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
294
+ .ui.ui.ui.secondary.elastic.loading .input > i.icon::before,
295
+ .ui.ui.ui.ui.secondary.elastic.loading > i.icon::before,
296
+ .ui.ui.ui.ui.secondary.loading:not(.usual):not(.button)::after,
297
+ .ui.ui.ui.ui.secondary.loading .input > i.icon::after,
298
+ .ui.ui.ui.ui.secondary.loading > i.icon::after,
299
+ .ui.ui.ui.secondary.loader::after {
300
300
  color: #1b1c1d;
301
301
  }
302
302
  .ui.inverted.secondary.elastic.loader::before,
303
- .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
304
- .ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon::before,
305
- .ui.inverted.secondary.elastic.loading.loading.loading > i.icon::before,
306
- .ui.inverted.secondary.loading.loading.loading.loading:not(.usual)::after,
307
- .ui.inverted.secondary.loading.loading.loading.loading .input > i.icon::after,
308
- .ui.inverted.secondary.loading.loading.loading.loading > i.icon::after,
309
- .ui.inverted.secondary.loader.loader.loader::after {
303
+ .ui.ui.ui.inverted.secondary.elastic.loading:not(.segment):not(.segments):not(.card)::before,
304
+ .ui.ui.ui.inverted.secondary.elastic.loading .input > i.icon::before,
305
+ .ui.ui.ui.inverted.secondary.elastic.loading > i.icon::before,
306
+ .ui.ui.ui.ui.inverted.secondary.loading:not(.usual)::after,
307
+ .ui.ui.ui.ui.inverted.secondary.loading .input > i.icon::after,
308
+ .ui.ui.ui.ui.inverted.secondary.loading > i.icon::after,
309
+ .ui.ui.ui.inverted.secondary.loader::after {
310
310
  color: #545454;
311
311
  }
312
- .ui.red.elastic.loader.loader::before,
312
+ .ui.ui.red.elastic.loader::before,
313
313
  .ui.red.basic.elastic.loading.button::before,
314
314
  .ui.red.basic.elastic.loading.button::after,
315
- .ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
316
- .ui.red.elastic.loading.loading.loading .input > i.icon::before,
317
- .ui.red.elastic.loading.loading.loading.loading > i.icon::before,
318
- .ui.red.loading.loading.loading.loading:not(.usual):not(.button)::after,
319
- .ui.red.loading.loading.loading.loading .input > i.icon::after,
320
- .ui.red.loading.loading.loading.loading > i.icon::after,
321
- .ui.red.loader.loader.loader::after {
315
+ .ui.ui.ui.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
316
+ .ui.ui.ui.red.elastic.loading .input > i.icon::before,
317
+ .ui.ui.ui.ui.red.elastic.loading > i.icon::before,
318
+ .ui.ui.ui.ui.red.loading:not(.usual):not(.button)::after,
319
+ .ui.ui.ui.ui.red.loading .input > i.icon::after,
320
+ .ui.ui.ui.ui.red.loading > i.icon::after,
321
+ .ui.ui.ui.red.loader::after {
322
322
  color: #db2828;
323
323
  }
324
324
  .ui.inverted.red.elastic.loader::before,
325
- .ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
326
- .ui.inverted.red.elastic.loading.loading.loading .input > i.icon::before,
327
- .ui.inverted.red.elastic.loading.loading.loading > i.icon::before,
328
- .ui.inverted.red.loading.loading.loading.loading:not(.usual)::after,
329
- .ui.inverted.red.loading.loading.loading.loading .input > i.icon::after,
330
- .ui.inverted.red.loading.loading.loading.loading > i.icon::after,
331
- .ui.inverted.red.loader.loader.loader::after {
325
+ .ui.ui.ui.inverted.red.elastic.loading:not(.segment):not(.segments):not(.card)::before,
326
+ .ui.ui.ui.inverted.red.elastic.loading .input > i.icon::before,
327
+ .ui.ui.ui.inverted.red.elastic.loading > i.icon::before,
328
+ .ui.ui.ui.ui.inverted.red.loading:not(.usual)::after,
329
+ .ui.ui.ui.ui.inverted.red.loading .input > i.icon::after,
330
+ .ui.ui.ui.ui.inverted.red.loading > i.icon::after,
331
+ .ui.ui.ui.inverted.red.loader::after {
332
332
  color: #ff695e;
333
333
  }
334
- .ui.orange.elastic.loader.loader::before,
334
+ .ui.ui.orange.elastic.loader::before,
335
335
  .ui.orange.basic.elastic.loading.button::before,
336
336
  .ui.orange.basic.elastic.loading.button::after,
337
- .ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
338
- .ui.orange.elastic.loading.loading.loading .input > i.icon::before,
339
- .ui.orange.elastic.loading.loading.loading.loading > i.icon::before,
340
- .ui.orange.loading.loading.loading.loading:not(.usual):not(.button)::after,
341
- .ui.orange.loading.loading.loading.loading .input > i.icon::after,
342
- .ui.orange.loading.loading.loading.loading > i.icon::after,
343
- .ui.orange.loader.loader.loader::after {
337
+ .ui.ui.ui.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
338
+ .ui.ui.ui.orange.elastic.loading .input > i.icon::before,
339
+ .ui.ui.ui.ui.orange.elastic.loading > i.icon::before,
340
+ .ui.ui.ui.ui.orange.loading:not(.usual):not(.button)::after,
341
+ .ui.ui.ui.ui.orange.loading .input > i.icon::after,
342
+ .ui.ui.ui.ui.orange.loading > i.icon::after,
343
+ .ui.ui.ui.orange.loader::after {
344
344
  color: #f2711c;
345
345
  }
346
346
  .ui.inverted.orange.elastic.loader::before,
347
- .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
348
- .ui.inverted.orange.elastic.loading.loading.loading .input > i.icon::before,
349
- .ui.inverted.orange.elastic.loading.loading.loading > i.icon::before,
350
- .ui.inverted.orange.loading.loading.loading.loading:not(.usual)::after,
351
- .ui.inverted.orange.loading.loading.loading.loading .input > i.icon::after,
352
- .ui.inverted.orange.loading.loading.loading.loading > i.icon::after,
353
- .ui.inverted.orange.loader.loader.loader::after {
347
+ .ui.ui.ui.inverted.orange.elastic.loading:not(.segment):not(.segments):not(.card)::before,
348
+ .ui.ui.ui.inverted.orange.elastic.loading .input > i.icon::before,
349
+ .ui.ui.ui.inverted.orange.elastic.loading > i.icon::before,
350
+ .ui.ui.ui.ui.inverted.orange.loading:not(.usual)::after,
351
+ .ui.ui.ui.ui.inverted.orange.loading .input > i.icon::after,
352
+ .ui.ui.ui.ui.inverted.orange.loading > i.icon::after,
353
+ .ui.ui.ui.inverted.orange.loader::after {
354
354
  color: #ff851b;
355
355
  }
356
- .ui.yellow.elastic.loader.loader::before,
356
+ .ui.ui.yellow.elastic.loader::before,
357
357
  .ui.yellow.basic.elastic.loading.button::before,
358
358
  .ui.yellow.basic.elastic.loading.button::after,
359
- .ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
360
- .ui.yellow.elastic.loading.loading.loading .input > i.icon::before,
361
- .ui.yellow.elastic.loading.loading.loading.loading > i.icon::before,
362
- .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button)::after,
363
- .ui.yellow.loading.loading.loading.loading .input > i.icon::after,
364
- .ui.yellow.loading.loading.loading.loading > i.icon::after,
365
- .ui.yellow.loader.loader.loader::after {
359
+ .ui.ui.ui.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
360
+ .ui.ui.ui.yellow.elastic.loading .input > i.icon::before,
361
+ .ui.ui.ui.ui.yellow.elastic.loading > i.icon::before,
362
+ .ui.ui.ui.ui.yellow.loading:not(.usual):not(.button)::after,
363
+ .ui.ui.ui.ui.yellow.loading .input > i.icon::after,
364
+ .ui.ui.ui.ui.yellow.loading > i.icon::after,
365
+ .ui.ui.ui.yellow.loader::after {
366
366
  color: #fbbd08;
367
367
  }
368
368
  .ui.inverted.yellow.elastic.loader::before,
369
- .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
370
- .ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon::before,
371
- .ui.inverted.yellow.elastic.loading.loading.loading > i.icon::before,
372
- .ui.inverted.yellow.loading.loading.loading.loading:not(.usual)::after,
373
- .ui.inverted.yellow.loading.loading.loading.loading .input > i.icon::after,
374
- .ui.inverted.yellow.loading.loading.loading.loading > i.icon::after,
375
- .ui.inverted.yellow.loader.loader.loader::after {
369
+ .ui.ui.ui.inverted.yellow.elastic.loading:not(.segment):not(.segments):not(.card)::before,
370
+ .ui.ui.ui.inverted.yellow.elastic.loading .input > i.icon::before,
371
+ .ui.ui.ui.inverted.yellow.elastic.loading > i.icon::before,
372
+ .ui.ui.ui.ui.inverted.yellow.loading:not(.usual)::after,
373
+ .ui.ui.ui.ui.inverted.yellow.loading .input > i.icon::after,
374
+ .ui.ui.ui.ui.inverted.yellow.loading > i.icon::after,
375
+ .ui.ui.ui.inverted.yellow.loader::after {
376
376
  color: #ffe21f;
377
377
  }
378
- .ui.olive.elastic.loader.loader::before,
378
+ .ui.ui.olive.elastic.loader::before,
379
379
  .ui.olive.basic.elastic.loading.button::before,
380
380
  .ui.olive.basic.elastic.loading.button::after,
381
- .ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
382
- .ui.olive.elastic.loading.loading.loading .input > i.icon::before,
383
- .ui.olive.elastic.loading.loading.loading.loading > i.icon::before,
384
- .ui.olive.loading.loading.loading.loading:not(.usual):not(.button)::after,
385
- .ui.olive.loading.loading.loading.loading .input > i.icon::after,
386
- .ui.olive.loading.loading.loading.loading > i.icon::after,
387
- .ui.olive.loader.loader.loader::after {
381
+ .ui.ui.ui.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
382
+ .ui.ui.ui.olive.elastic.loading .input > i.icon::before,
383
+ .ui.ui.ui.ui.olive.elastic.loading > i.icon::before,
384
+ .ui.ui.ui.ui.olive.loading:not(.usual):not(.button)::after,
385
+ .ui.ui.ui.ui.olive.loading .input > i.icon::after,
386
+ .ui.ui.ui.ui.olive.loading > i.icon::after,
387
+ .ui.ui.ui.olive.loader::after {
388
388
  color: #b5cc18;
389
389
  }
390
390
  .ui.inverted.olive.elastic.loader::before,
391
- .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
392
- .ui.inverted.olive.elastic.loading.loading.loading .input > i.icon::before,
393
- .ui.inverted.olive.elastic.loading.loading.loading > i.icon::before,
394
- .ui.inverted.olive.loading.loading.loading.loading:not(.usual)::after,
395
- .ui.inverted.olive.loading.loading.loading.loading .input > i.icon::after,
396
- .ui.inverted.olive.loading.loading.loading.loading > i.icon::after,
397
- .ui.inverted.olive.loader.loader.loader::after {
391
+ .ui.ui.ui.inverted.olive.elastic.loading:not(.segment):not(.segments):not(.card)::before,
392
+ .ui.ui.ui.inverted.olive.elastic.loading .input > i.icon::before,
393
+ .ui.ui.ui.inverted.olive.elastic.loading > i.icon::before,
394
+ .ui.ui.ui.ui.inverted.olive.loading:not(.usual)::after,
395
+ .ui.ui.ui.ui.inverted.olive.loading .input > i.icon::after,
396
+ .ui.ui.ui.ui.inverted.olive.loading > i.icon::after,
397
+ .ui.ui.ui.inverted.olive.loader::after {
398
398
  color: #d9e778;
399
399
  }
400
- .ui.green.elastic.loader.loader::before,
400
+ .ui.ui.green.elastic.loader::before,
401
401
  .ui.green.basic.elastic.loading.button::before,
402
402
  .ui.green.basic.elastic.loading.button::after,
403
- .ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
404
- .ui.green.elastic.loading.loading.loading .input > i.icon::before,
405
- .ui.green.elastic.loading.loading.loading.loading > i.icon::before,
406
- .ui.green.loading.loading.loading.loading:not(.usual):not(.button)::after,
407
- .ui.green.loading.loading.loading.loading .input > i.icon::after,
408
- .ui.green.loading.loading.loading.loading > i.icon::after,
409
- .ui.green.loader.loader.loader::after {
403
+ .ui.ui.ui.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
404
+ .ui.ui.ui.green.elastic.loading .input > i.icon::before,
405
+ .ui.ui.ui.ui.green.elastic.loading > i.icon::before,
406
+ .ui.ui.ui.ui.green.loading:not(.usual):not(.button)::after,
407
+ .ui.ui.ui.ui.green.loading .input > i.icon::after,
408
+ .ui.ui.ui.ui.green.loading > i.icon::after,
409
+ .ui.ui.ui.green.loader::after {
410
410
  color: #21ba45;
411
411
  }
412
412
  .ui.inverted.green.elastic.loader::before,
413
- .ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
414
- .ui.inverted.green.elastic.loading.loading.loading .input > i.icon::before,
415
- .ui.inverted.green.elastic.loading.loading.loading > i.icon::before,
416
- .ui.inverted.green.loading.loading.loading.loading:not(.usual)::after,
417
- .ui.inverted.green.loading.loading.loading.loading .input > i.icon::after,
418
- .ui.inverted.green.loading.loading.loading.loading > i.icon::after,
419
- .ui.inverted.green.loader.loader.loader::after {
413
+ .ui.ui.ui.inverted.green.elastic.loading:not(.segment):not(.segments):not(.card)::before,
414
+ .ui.ui.ui.inverted.green.elastic.loading .input > i.icon::before,
415
+ .ui.ui.ui.inverted.green.elastic.loading > i.icon::before,
416
+ .ui.ui.ui.ui.inverted.green.loading:not(.usual)::after,
417
+ .ui.ui.ui.ui.inverted.green.loading .input > i.icon::after,
418
+ .ui.ui.ui.ui.inverted.green.loading > i.icon::after,
419
+ .ui.ui.ui.inverted.green.loader::after {
420
420
  color: #2ecc40;
421
421
  }
422
- .ui.teal.elastic.loader.loader::before,
422
+ .ui.ui.teal.elastic.loader::before,
423
423
  .ui.teal.basic.elastic.loading.button::before,
424
424
  .ui.teal.basic.elastic.loading.button::after,
425
- .ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
426
- .ui.teal.elastic.loading.loading.loading .input > i.icon::before,
427
- .ui.teal.elastic.loading.loading.loading.loading > i.icon::before,
428
- .ui.teal.loading.loading.loading.loading:not(.usual):not(.button)::after,
429
- .ui.teal.loading.loading.loading.loading .input > i.icon::after,
430
- .ui.teal.loading.loading.loading.loading > i.icon::after,
431
- .ui.teal.loader.loader.loader::after {
425
+ .ui.ui.ui.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
426
+ .ui.ui.ui.teal.elastic.loading .input > i.icon::before,
427
+ .ui.ui.ui.ui.teal.elastic.loading > i.icon::before,
428
+ .ui.ui.ui.ui.teal.loading:not(.usual):not(.button)::after,
429
+ .ui.ui.ui.ui.teal.loading .input > i.icon::after,
430
+ .ui.ui.ui.ui.teal.loading > i.icon::after,
431
+ .ui.ui.ui.teal.loader::after {
432
432
  color: #00b5ad;
433
433
  }
434
434
  .ui.inverted.teal.elastic.loader::before,
435
- .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
436
- .ui.inverted.teal.elastic.loading.loading.loading .input > i.icon::before,
437
- .ui.inverted.teal.elastic.loading.loading.loading > i.icon::before,
438
- .ui.inverted.teal.loading.loading.loading.loading:not(.usual)::after,
439
- .ui.inverted.teal.loading.loading.loading.loading .input > i.icon::after,
440
- .ui.inverted.teal.loading.loading.loading.loading > i.icon::after,
441
- .ui.inverted.teal.loader.loader.loader::after {
435
+ .ui.ui.ui.inverted.teal.elastic.loading:not(.segment):not(.segments):not(.card)::before,
436
+ .ui.ui.ui.inverted.teal.elastic.loading .input > i.icon::before,
437
+ .ui.ui.ui.inverted.teal.elastic.loading > i.icon::before,
438
+ .ui.ui.ui.ui.inverted.teal.loading:not(.usual)::after,
439
+ .ui.ui.ui.ui.inverted.teal.loading .input > i.icon::after,
440
+ .ui.ui.ui.ui.inverted.teal.loading > i.icon::after,
441
+ .ui.ui.ui.inverted.teal.loader::after {
442
442
  color: #6dffff;
443
443
  }
444
- .ui.blue.elastic.loader.loader::before,
444
+ .ui.ui.blue.elastic.loader::before,
445
445
  .ui.blue.basic.elastic.loading.button::before,
446
446
  .ui.blue.basic.elastic.loading.button::after,
447
- .ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
448
- .ui.blue.elastic.loading.loading.loading .input > i.icon::before,
449
- .ui.blue.elastic.loading.loading.loading.loading > i.icon::before,
450
- .ui.blue.loading.loading.loading.loading:not(.usual):not(.button)::after,
451
- .ui.blue.loading.loading.loading.loading .input > i.icon::after,
452
- .ui.blue.loading.loading.loading.loading > i.icon::after,
453
- .ui.blue.loader.loader.loader::after {
447
+ .ui.ui.ui.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
448
+ .ui.ui.ui.blue.elastic.loading .input > i.icon::before,
449
+ .ui.ui.ui.ui.blue.elastic.loading > i.icon::before,
450
+ .ui.ui.ui.ui.blue.loading:not(.usual):not(.button)::after,
451
+ .ui.ui.ui.ui.blue.loading .input > i.icon::after,
452
+ .ui.ui.ui.ui.blue.loading > i.icon::after,
453
+ .ui.ui.ui.blue.loader::after {
454
454
  color: #2185d0;
455
455
  }
456
456
  .ui.inverted.blue.elastic.loader::before,
457
- .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
458
- .ui.inverted.blue.elastic.loading.loading.loading .input > i.icon::before,
459
- .ui.inverted.blue.elastic.loading.loading.loading > i.icon::before,
460
- .ui.inverted.blue.loading.loading.loading.loading:not(.usual)::after,
461
- .ui.inverted.blue.loading.loading.loading.loading .input > i.icon::after,
462
- .ui.inverted.blue.loading.loading.loading.loading > i.icon::after,
463
- .ui.inverted.blue.loader.loader.loader::after {
457
+ .ui.ui.ui.inverted.blue.elastic.loading:not(.segment):not(.segments):not(.card)::before,
458
+ .ui.ui.ui.inverted.blue.elastic.loading .input > i.icon::before,
459
+ .ui.ui.ui.inverted.blue.elastic.loading > i.icon::before,
460
+ .ui.ui.ui.ui.inverted.blue.loading:not(.usual)::after,
461
+ .ui.ui.ui.ui.inverted.blue.loading .input > i.icon::after,
462
+ .ui.ui.ui.ui.inverted.blue.loading > i.icon::after,
463
+ .ui.ui.ui.inverted.blue.loader::after {
464
464
  color: #54c8ff;
465
465
  }
466
- .ui.violet.elastic.loader.loader::before,
466
+ .ui.ui.violet.elastic.loader::before,
467
467
  .ui.violet.basic.elastic.loading.button::before,
468
468
  .ui.violet.basic.elastic.loading.button::after,
469
- .ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
470
- .ui.violet.elastic.loading.loading.loading .input > i.icon::before,
471
- .ui.violet.elastic.loading.loading.loading.loading > i.icon::before,
472
- .ui.violet.loading.loading.loading.loading:not(.usual):not(.button)::after,
473
- .ui.violet.loading.loading.loading.loading .input > i.icon::after,
474
- .ui.violet.loading.loading.loading.loading > i.icon::after,
475
- .ui.violet.loader.loader.loader::after {
469
+ .ui.ui.ui.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
470
+ .ui.ui.ui.violet.elastic.loading .input > i.icon::before,
471
+ .ui.ui.ui.ui.violet.elastic.loading > i.icon::before,
472
+ .ui.ui.ui.ui.violet.loading:not(.usual):not(.button)::after,
473
+ .ui.ui.ui.ui.violet.loading .input > i.icon::after,
474
+ .ui.ui.ui.ui.violet.loading > i.icon::after,
475
+ .ui.ui.ui.violet.loader::after {
476
476
  color: #6435c9;
477
477
  }
478
478
  .ui.inverted.violet.elastic.loader::before,
479
- .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
480
- .ui.inverted.violet.elastic.loading.loading.loading .input > i.icon::before,
481
- .ui.inverted.violet.elastic.loading.loading.loading > i.icon::before,
482
- .ui.inverted.violet.loading.loading.loading.loading:not(.usual)::after,
483
- .ui.inverted.violet.loading.loading.loading.loading .input > i.icon::after,
484
- .ui.inverted.violet.loading.loading.loading.loading > i.icon::after,
485
- .ui.inverted.violet.loader.loader.loader::after {
479
+ .ui.ui.ui.inverted.violet.elastic.loading:not(.segment):not(.segments):not(.card)::before,
480
+ .ui.ui.ui.inverted.violet.elastic.loading .input > i.icon::before,
481
+ .ui.ui.ui.inverted.violet.elastic.loading > i.icon::before,
482
+ .ui.ui.ui.ui.inverted.violet.loading:not(.usual)::after,
483
+ .ui.ui.ui.ui.inverted.violet.loading .input > i.icon::after,
484
+ .ui.ui.ui.ui.inverted.violet.loading > i.icon::after,
485
+ .ui.ui.ui.inverted.violet.loader::after {
486
486
  color: #a291fb;
487
487
  }
488
- .ui.purple.elastic.loader.loader::before,
488
+ .ui.ui.purple.elastic.loader::before,
489
489
  .ui.purple.basic.elastic.loading.button::before,
490
490
  .ui.purple.basic.elastic.loading.button::after,
491
- .ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
492
- .ui.purple.elastic.loading.loading.loading .input > i.icon::before,
493
- .ui.purple.elastic.loading.loading.loading.loading > i.icon::before,
494
- .ui.purple.loading.loading.loading.loading:not(.usual):not(.button)::after,
495
- .ui.purple.loading.loading.loading.loading .input > i.icon::after,
496
- .ui.purple.loading.loading.loading.loading > i.icon::after,
497
- .ui.purple.loader.loader.loader::after {
491
+ .ui.ui.ui.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
492
+ .ui.ui.ui.purple.elastic.loading .input > i.icon::before,
493
+ .ui.ui.ui.ui.purple.elastic.loading > i.icon::before,
494
+ .ui.ui.ui.ui.purple.loading:not(.usual):not(.button)::after,
495
+ .ui.ui.ui.ui.purple.loading .input > i.icon::after,
496
+ .ui.ui.ui.ui.purple.loading > i.icon::after,
497
+ .ui.ui.ui.purple.loader::after {
498
498
  color: #a333c8;
499
499
  }
500
500
  .ui.inverted.purple.elastic.loader::before,
501
- .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
502
- .ui.inverted.purple.elastic.loading.loading.loading .input > i.icon::before,
503
- .ui.inverted.purple.elastic.loading.loading.loading > i.icon::before,
504
- .ui.inverted.purple.loading.loading.loading.loading:not(.usual)::after,
505
- .ui.inverted.purple.loading.loading.loading.loading .input > i.icon::after,
506
- .ui.inverted.purple.loading.loading.loading.loading > i.icon::after,
507
- .ui.inverted.purple.loader.loader.loader::after {
501
+ .ui.ui.ui.inverted.purple.elastic.loading:not(.segment):not(.segments):not(.card)::before,
502
+ .ui.ui.ui.inverted.purple.elastic.loading .input > i.icon::before,
503
+ .ui.ui.ui.inverted.purple.elastic.loading > i.icon::before,
504
+ .ui.ui.ui.ui.inverted.purple.loading:not(.usual)::after,
505
+ .ui.ui.ui.ui.inverted.purple.loading .input > i.icon::after,
506
+ .ui.ui.ui.ui.inverted.purple.loading > i.icon::after,
507
+ .ui.ui.ui.inverted.purple.loader::after {
508
508
  color: #dc73ff;
509
509
  }
510
- .ui.pink.elastic.loader.loader::before,
510
+ .ui.ui.pink.elastic.loader::before,
511
511
  .ui.pink.basic.elastic.loading.button::before,
512
512
  .ui.pink.basic.elastic.loading.button::after,
513
- .ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
514
- .ui.pink.elastic.loading.loading.loading .input > i.icon::before,
515
- .ui.pink.elastic.loading.loading.loading.loading > i.icon::before,
516
- .ui.pink.loading.loading.loading.loading:not(.usual):not(.button)::after,
517
- .ui.pink.loading.loading.loading.loading .input > i.icon::after,
518
- .ui.pink.loading.loading.loading.loading > i.icon::after,
519
- .ui.pink.loader.loader.loader::after {
513
+ .ui.ui.ui.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
514
+ .ui.ui.ui.pink.elastic.loading .input > i.icon::before,
515
+ .ui.ui.ui.ui.pink.elastic.loading > i.icon::before,
516
+ .ui.ui.ui.ui.pink.loading:not(.usual):not(.button)::after,
517
+ .ui.ui.ui.ui.pink.loading .input > i.icon::after,
518
+ .ui.ui.ui.ui.pink.loading > i.icon::after,
519
+ .ui.ui.ui.pink.loader::after {
520
520
  color: #e03997;
521
521
  }
522
522
  .ui.inverted.pink.elastic.loader::before,
523
- .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
524
- .ui.inverted.pink.elastic.loading.loading.loading .input > i.icon::before,
525
- .ui.inverted.pink.elastic.loading.loading.loading > i.icon::before,
526
- .ui.inverted.pink.loading.loading.loading.loading:not(.usual)::after,
527
- .ui.inverted.pink.loading.loading.loading.loading .input > i.icon::after,
528
- .ui.inverted.pink.loading.loading.loading.loading > i.icon::after,
529
- .ui.inverted.pink.loader.loader.loader::after {
523
+ .ui.ui.ui.inverted.pink.elastic.loading:not(.segment):not(.segments):not(.card)::before,
524
+ .ui.ui.ui.inverted.pink.elastic.loading .input > i.icon::before,
525
+ .ui.ui.ui.inverted.pink.elastic.loading > i.icon::before,
526
+ .ui.ui.ui.ui.inverted.pink.loading:not(.usual)::after,
527
+ .ui.ui.ui.ui.inverted.pink.loading .input > i.icon::after,
528
+ .ui.ui.ui.ui.inverted.pink.loading > i.icon::after,
529
+ .ui.ui.ui.inverted.pink.loader::after {
530
530
  color: #ff8edf;
531
531
  }
532
- .ui.brown.elastic.loader.loader::before,
532
+ .ui.ui.brown.elastic.loader::before,
533
533
  .ui.brown.basic.elastic.loading.button::before,
534
534
  .ui.brown.basic.elastic.loading.button::after,
535
- .ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
536
- .ui.brown.elastic.loading.loading.loading .input > i.icon::before,
537
- .ui.brown.elastic.loading.loading.loading.loading > i.icon::before,
538
- .ui.brown.loading.loading.loading.loading:not(.usual):not(.button)::after,
539
- .ui.brown.loading.loading.loading.loading .input > i.icon::after,
540
- .ui.brown.loading.loading.loading.loading > i.icon::after,
541
- .ui.brown.loader.loader.loader::after {
535
+ .ui.ui.ui.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
536
+ .ui.ui.ui.brown.elastic.loading .input > i.icon::before,
537
+ .ui.ui.ui.ui.brown.elastic.loading > i.icon::before,
538
+ .ui.ui.ui.ui.brown.loading:not(.usual):not(.button)::after,
539
+ .ui.ui.ui.ui.brown.loading .input > i.icon::after,
540
+ .ui.ui.ui.ui.brown.loading > i.icon::after,
541
+ .ui.ui.ui.brown.loader::after {
542
542
  color: #a5673f;
543
543
  }
544
544
  .ui.inverted.brown.elastic.loader::before,
545
- .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
546
- .ui.inverted.brown.elastic.loading.loading.loading .input > i.icon::before,
547
- .ui.inverted.brown.elastic.loading.loading.loading > i.icon::before,
548
- .ui.inverted.brown.loading.loading.loading.loading:not(.usual)::after,
549
- .ui.inverted.brown.loading.loading.loading.loading .input > i.icon::after,
550
- .ui.inverted.brown.loading.loading.loading.loading > i.icon::after,
551
- .ui.inverted.brown.loader.loader.loader::after {
545
+ .ui.ui.ui.inverted.brown.elastic.loading:not(.segment):not(.segments):not(.card)::before,
546
+ .ui.ui.ui.inverted.brown.elastic.loading .input > i.icon::before,
547
+ .ui.ui.ui.inverted.brown.elastic.loading > i.icon::before,
548
+ .ui.ui.ui.ui.inverted.brown.loading:not(.usual)::after,
549
+ .ui.ui.ui.ui.inverted.brown.loading .input > i.icon::after,
550
+ .ui.ui.ui.ui.inverted.brown.loading > i.icon::after,
551
+ .ui.ui.ui.inverted.brown.loader::after {
552
552
  color: #d67c1c;
553
553
  }
554
- .ui.grey.elastic.loader.loader::before,
554
+ .ui.ui.grey.elastic.loader::before,
555
555
  .ui.grey.basic.elastic.loading.button::before,
556
556
  .ui.grey.basic.elastic.loading.button::after,
557
- .ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
558
- .ui.grey.elastic.loading.loading.loading .input > i.icon::before,
559
- .ui.grey.elastic.loading.loading.loading.loading > i.icon::before,
560
- .ui.grey.loading.loading.loading.loading:not(.usual):not(.button)::after,
561
- .ui.grey.loading.loading.loading.loading .input > i.icon::after,
562
- .ui.grey.loading.loading.loading.loading > i.icon::after,
563
- .ui.grey.loader.loader.loader::after {
557
+ .ui.ui.ui.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
558
+ .ui.ui.ui.grey.elastic.loading .input > i.icon::before,
559
+ .ui.ui.ui.ui.grey.elastic.loading > i.icon::before,
560
+ .ui.ui.ui.ui.grey.loading:not(.usual):not(.button)::after,
561
+ .ui.ui.ui.ui.grey.loading .input > i.icon::after,
562
+ .ui.ui.ui.ui.grey.loading > i.icon::after,
563
+ .ui.ui.ui.grey.loader::after {
564
564
  color: #767676;
565
565
  }
566
566
  .ui.inverted.grey.elastic.loader::before,
567
- .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
568
- .ui.inverted.grey.elastic.loading.loading.loading .input > i.icon::before,
569
- .ui.inverted.grey.elastic.loading.loading.loading > i.icon::before,
570
- .ui.inverted.grey.loading.loading.loading.loading:not(.usual)::after,
571
- .ui.inverted.grey.loading.loading.loading.loading .input > i.icon::after,
572
- .ui.inverted.grey.loading.loading.loading.loading > i.icon::after,
573
- .ui.inverted.grey.loader.loader.loader::after {
567
+ .ui.ui.ui.inverted.grey.elastic.loading:not(.segment):not(.segments):not(.card)::before,
568
+ .ui.ui.ui.inverted.grey.elastic.loading .input > i.icon::before,
569
+ .ui.ui.ui.inverted.grey.elastic.loading > i.icon::before,
570
+ .ui.ui.ui.ui.inverted.grey.loading:not(.usual)::after,
571
+ .ui.ui.ui.ui.inverted.grey.loading .input > i.icon::after,
572
+ .ui.ui.ui.ui.inverted.grey.loading > i.icon::after,
573
+ .ui.ui.ui.inverted.grey.loader::after {
574
574
  color: #dcddde;
575
575
  }
576
- .ui.black.elastic.loader.loader::before,
576
+ .ui.ui.black.elastic.loader::before,
577
577
  .ui.black.basic.elastic.loading.button::before,
578
578
  .ui.black.basic.elastic.loading.button::after,
579
- .ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
580
- .ui.black.elastic.loading.loading.loading .input > i.icon::before,
581
- .ui.black.elastic.loading.loading.loading.loading > i.icon::before,
582
- .ui.black.loading.loading.loading.loading:not(.usual):not(.button)::after,
583
- .ui.black.loading.loading.loading.loading .input > i.icon::after,
584
- .ui.black.loading.loading.loading.loading > i.icon::after,
585
- .ui.black.loader.loader.loader::after {
579
+ .ui.ui.ui.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
580
+ .ui.ui.ui.black.elastic.loading .input > i.icon::before,
581
+ .ui.ui.ui.ui.black.elastic.loading > i.icon::before,
582
+ .ui.ui.ui.ui.black.loading:not(.usual):not(.button)::after,
583
+ .ui.ui.ui.ui.black.loading .input > i.icon::after,
584
+ .ui.ui.ui.ui.black.loading > i.icon::after,
585
+ .ui.ui.ui.black.loader::after {
586
586
  color: #1b1c1d;
587
587
  }
588
588
  .ui.inverted.black.elastic.loader::before,
589
- .ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card)::before,
590
- .ui.inverted.black.elastic.loading.loading.loading .input > i.icon::before,
591
- .ui.inverted.black.elastic.loading.loading.loading > i.icon::before,
592
- .ui.inverted.black.loading.loading.loading.loading:not(.usual)::after,
593
- .ui.inverted.black.loading.loading.loading.loading .input > i.icon::after,
594
- .ui.inverted.black.loading.loading.loading.loading > i.icon::after,
595
- .ui.inverted.black.loader.loader.loader::after {
589
+ .ui.ui.ui.inverted.black.elastic.loading:not(.segment):not(.segments):not(.card)::before,
590
+ .ui.ui.ui.inverted.black.elastic.loading .input > i.icon::before,
591
+ .ui.ui.ui.inverted.black.elastic.loading > i.icon::before,
592
+ .ui.ui.ui.ui.inverted.black.loading:not(.usual)::after,
593
+ .ui.ui.ui.ui.inverted.black.loading .input > i.icon::after,
594
+ .ui.ui.ui.ui.inverted.black.loading > i.icon::after,
595
+ .ui.ui.ui.inverted.black.loader::after {
596
596
  color: #545454;
597
597
  }
598
- .ui.elastic.loader.loader::before,
599
- .ui.elastic.loading.loading.loading::before,
600
- .ui.elastic.loading.loading.loading .input > i.icon::before,
601
- .ui.elastic.loading.loading.loading > i.icon::before,
602
- .ui.loading.loading.loading.loading:not(.usual)::after,
603
- .ui.loading.loading.loading.loading .input > i.icon::after,
604
- .ui.loading.loading.loading.loading > i.icon::after,
605
- .ui.loader.loader.loader::after {
598
+ .ui.ui.elastic.loader::before,
599
+ .ui.ui.ui.elastic.loading::before,
600
+ .ui.ui.ui.elastic.loading .input > i.icon::before,
601
+ .ui.ui.ui.elastic.loading > i.icon::before,
602
+ .ui.ui.ui.ui.loading:not(.usual)::after,
603
+ .ui.ui.ui.ui.loading .input > i.icon::after,
604
+ .ui.ui.ui.ui.loading > i.icon::after,
605
+ .ui.ui.ui.loader::after {
606
606
  border-color: currentColor;
607
607
  }
608
- .ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic)::before {
608
+ .ui.ui.ui.ui.elastic.loading.button:not(.inverted):not(.basic)::before {
609
609
  color: #fff;
610
610
  }
611
611
  .ui.elastic.basic.loading.button::before,
612
612
  .ui.elastic.basic.loading.button::after {
613
613
  color: #767676;
614
614
  }
615
- .ui.double.loading.loading.loading.loading.button::after {
615
+ .ui.ui.ui.ui.double.loading.button::after {
616
616
  border-bottom-color: currentColor;
617
617
  }
618
618
 
@@ -639,30 +639,30 @@
639
639
  margin-left: auto;
640
640
  margin-right: auto;
641
641
  }
642
- .ui.loading.loading.loading.loading.loading.loading::after,
643
- .ui.loading.loading.loading.loading.loading.loading .input > i.icon::after,
644
- .ui.loading.loading.loading.loading.loading.loading > i.icon::after,
645
- .ui.loader.loader.loader.loader.loader::after {
642
+ .ui.ui.ui.ui.ui.ui.loading::after,
643
+ .ui.ui.ui.ui.ui.ui.loading .input > i.icon::after,
644
+ .ui.ui.ui.ui.ui.ui.loading > i.icon::after,
645
+ .ui.ui.ui.ui.ui.loader::after {
646
646
  border-left-color: transparent;
647
647
  border-right-color: transparent;
648
648
  }
649
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double)::after,
650
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon::after,
651
- .ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon::after,
652
- .ui.loader.loader.loader.loader.loader.loader:not(.double)::after {
649
+ .ui.ui.ui.ui.ui.ui.ui.loading:not(.double)::after,
650
+ .ui.ui.ui.ui.ui.ui.ui.loading:not(.double) .input > i.icon::after,
651
+ .ui.ui.ui.ui.ui.ui.ui.loading:not(.double) > i.icon::after,
652
+ .ui.ui.ui.ui.ui.ui.loader:not(.double)::after {
653
653
  border-bottom-color: transparent;
654
654
  }
655
- .ui.loading.loading.loading.loading.loading.loading.card::after,
656
- .ui.loading.loading.loading.loading.loading.loading.segments::after,
657
- .ui.loading.loading.loading.loading.loading.loading.segment::after,
658
- .ui.loading.loading.loading.loading.loading.loading.form::after {
655
+ .ui.ui.ui.ui.ui.ui.loading.card::after,
656
+ .ui.ui.ui.ui.ui.ui.loading.segments::after,
657
+ .ui.ui.ui.ui.ui.ui.loading.segment::after,
658
+ .ui.ui.ui.ui.ui.ui.loading.form::after {
659
659
  border-left-color: rgba(0, 0, 0, 0.1);
660
660
  border-right-color: rgba(0, 0, 0, 0.1);
661
661
  }
662
- .ui.loading.loading.loading.loading.loading.loading.card:not(.double)::after,
663
- .ui.loading.loading.loading.loading.loading.loading.segments:not(.double)::after,
664
- .ui.loading.loading.loading.loading.loading.loading.segment:not(.double)::after,
665
- .ui.loading.loading.loading.loading.loading.loading.form:not(.double)::after {
662
+ .ui.ui.ui.ui.ui.ui.loading.card:not(.double)::after,
663
+ .ui.ui.ui.ui.ui.ui.loading.segments:not(.double)::after,
664
+ .ui.ui.ui.ui.ui.ui.loading.segment:not(.double)::after,
665
+ .ui.ui.ui.ui.ui.ui.loading.form:not(.double)::after {
666
666
  border-bottom-color: rgba(0, 0, 0, 0.1);
667
667
  }
668
668
 
@@ -675,17 +675,17 @@
675
675
  .ui.inverted.dimmer > .ui.elastic.loader {
676
676
  color: #767676;
677
677
  }
678
- .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
679
- .ui.elastic.loading.loading .input > i.icon::after,
680
- .ui.elastic.loading.loading > i.icon::after,
681
- .ui.elastic.loader.loader::after {
678
+ .ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
679
+ .ui.ui.elastic.loading .input > i.icon::after,
680
+ .ui.ui.elastic.loading > i.icon::after,
681
+ .ui.ui.elastic.loader::after {
682
682
  animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
683
683
  animation-delay: 0.3s;
684
684
  }
685
- .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
686
- .ui.elastic.loading.loading.loading .input > i.icon::before,
687
- .ui.elastic.loading.loading.loading > i.icon::before,
688
- .ui.elastic.loader.loader::before {
685
+ .ui.ui.ui.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
686
+ .ui.ui.ui.elastic.loading .input > i.icon::before,
687
+ .ui.ui.ui.elastic.loading > i.icon::before,
688
+ .ui.ui.elastic.loader::before {
689
689
  animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
690
690
  -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
691
691
  border-right-color: transparent;
@@ -693,30 +693,30 @@
693
693
  .ui.elastic.inline.loader:empty {
694
694
  animation: loader 8s infinite linear;
695
695
  }
696
- .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
697
- .ui.slow.elastic.loading.loading .input > i.icon::after,
698
- .ui.slow.elastic.loading.loading > i.icon::after,
699
- .ui.slow.elastic.loader.loader::after {
696
+ .ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
697
+ .ui.ui.slow.elastic.loading .input > i.icon::after,
698
+ .ui.ui.slow.elastic.loading > i.icon::after,
699
+ .ui.ui.slow.elastic.loader::after {
700
700
  animation-duration: 1.5s;
701
701
  animation-delay: 0.45s;
702
702
  }
703
- .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
704
- .ui.slow.elastic.loading.loading.loading .input > i.icon::before,
705
- .ui.slow.elastic.loading.loading.loading > i.icon::before,
706
- .ui.slow.elastic.loader.loader::before {
703
+ .ui.ui.ui.slow.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
704
+ .ui.ui.ui.slow.elastic.loading .input > i.icon::before,
705
+ .ui.ui.ui.slow.elastic.loading > i.icon::before,
706
+ .ui.ui.slow.elastic.loader::before {
707
707
  animation-duration: 1.5s;
708
708
  }
709
- .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
710
- .ui.fast.elastic.loading.loading .input > i.icon::after,
711
- .ui.fast.elastic.loading.loading > i.icon::after,
712
- .ui.fast.elastic.loader.loader::after {
709
+ .ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::after,
710
+ .ui.ui.fast.elastic.loading .input > i.icon::after,
711
+ .ui.ui.fast.elastic.loading > i.icon::after,
712
+ .ui.ui.fast.elastic.loader::after {
713
713
  animation-duration: 0.66s;
714
714
  animation-delay: 0.2s;
715
715
  }
716
- .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
717
- .ui.fast.elastic.loading.loading.loading .input > i.icon::before,
718
- .ui.fast.elastic.loading.loading.loading > i.icon::before,
719
- .ui.fast.elastic.loader.loader::before {
716
+ .ui.ui.ui.fast.elastic.loading:not(.form):not(.segment):not(.segments):not(.card)::before,
717
+ .ui.ui.ui.fast.elastic.loading .input > i.icon::before,
718
+ .ui.ui.ui.fast.elastic.loading > i.icon::before,
719
+ .ui.ui.fast.elastic.loader::before {
720
720
  animation-duration: 0.66s;
721
721
  }
722
722
  @keyframes elastic-loader {