fomantic-ui-sass 2.9.2 → 2.9.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (120) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/Gemfile +2 -0
  4. data/Rakefile +2 -0
  5. data/app/assets/javascripts/semantic-ui/accordion.js +1 -5
  6. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  7. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  8. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  9. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -5
  10. data/app/assets/javascripts/semantic-ui/dropdown.js +56 -33
  11. data/app/assets/javascripts/semantic-ui/embed.js +1 -6
  12. data/app/assets/javascripts/semantic-ui/flyout.js +40 -58
  13. data/app/assets/javascripts/semantic-ui/form.js +102 -53
  14. data/app/assets/javascripts/semantic-ui/modal.js +45 -33
  15. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  16. data/app/assets/javascripts/semantic-ui/popup.js +27 -19
  17. data/app/assets/javascripts/semantic-ui/progress.js +1 -6
  18. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  19. data/app/assets/javascripts/semantic-ui/search.js +4 -7
  20. data/app/assets/javascripts/semantic-ui/shape.js +1 -5
  21. data/app/assets/javascripts/semantic-ui/sidebar.js +15 -38
  22. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  23. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  24. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  25. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  26. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  27. data/app/assets/javascripts/semantic-ui/toast.js +17 -9
  28. data/app/assets/javascripts/semantic-ui/transition.js +2 -6
  29. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  30. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +53 -20
  32. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +107 -107
  33. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +13 -7
  34. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  35. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +65 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  37. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  38. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +697 -249
  40. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  41. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  43. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -27
  45. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  46. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  48. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +161 -34
  52. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  58. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +50 -6
  59. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  60. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +119 -26
  61. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  64. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +41 -40
  66. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  75. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  80. data/app/assets/stylesheets/semantic-ui/views/_item.scss +6 -1
  81. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  82. data/app/helpers/semantic_breadcrumbs_helper.rb +2 -0
  83. data/app/helpers/semantic_flash_helper.rb +2 -0
  84. data/app/helpers/semantic_icon_helper.rb +2 -0
  85. data/fomantic-ui-sass.gemspec +4 -2
  86. data/gemfiles/rails_5.0.gemfile +2 -0
  87. data/gemfiles/rails_5.1.gemfile +2 -0
  88. data/gemfiles/rails_5.2.gemfile +2 -0
  89. data/lib/fomantic/ui/sass/breadcrumbs.rb +2 -0
  90. data/lib/fomantic/ui/sass/engine.rb +5 -3
  91. data/lib/fomantic/ui/sass/version.rb +4 -2
  92. data/lib/fomantic-ui-sass.rb +2 -6
  93. data/spec/dummy/Rakefile +2 -0
  94. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  95. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  96. data/spec/dummy/bin/bundle +2 -0
  97. data/spec/dummy/bin/rails +2 -0
  98. data/spec/dummy/bin/rake +2 -0
  99. data/spec/dummy/config/application.rb +3 -1
  100. data/spec/dummy/config/boot.rb +2 -0
  101. data/spec/dummy/config/environment.rb +2 -0
  102. data/spec/dummy/config/environments/development.rb +3 -1
  103. data/spec/dummy/config/environments/production.rb +2 -0
  104. data/spec/dummy/config/environments/test.rb +3 -1
  105. data/spec/dummy/config/initializers/backtrace_silencers.rb +2 -0
  106. data/spec/dummy/config/initializers/filter_parameter_logging.rb +2 -0
  107. data/spec/dummy/config/initializers/inflections.rb +2 -0
  108. data/spec/dummy/config/initializers/mime_types.rb +2 -0
  109. data/spec/dummy/config/initializers/secret_token.rb +2 -0
  110. data/spec/dummy/config/initializers/session_store.rb +2 -0
  111. data/spec/dummy/config/initializers/wrap_parameters.rb +2 -0
  112. data/spec/dummy/config/routes.rb +2 -0
  113. data/spec/dummy/config.ru +3 -1
  114. data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +2 -0
  115. data/spec/helpers/semantic_flash_helper_spec.rb +2 -0
  116. data/spec/helpers/semantic_icon_helper_spec.rb +2 -0
  117. data/spec/spec_helper.rb +2 -0
  118. data/tasks/converter.rb +9 -19
  119. data/templates/project/manifest.rb +2 -0
  120. metadata +12 -26
data/app/assets/stylesheets/semantic-ui/elements/_loader.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Loader
2
+ * # Fomantic-UI 2.9.3 - 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 {