fomantic-ui-sass 2.9.0 → 2.9.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  10. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  20. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  21. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  22. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  24. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  25. data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
  26. data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
  27. data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
  28. data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
  29. data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
  30. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
  31. data/app/assets/javascripts/semantic-ui/embed.js +646 -676
  32. data/app/assets/javascripts/semantic-ui/flyout.js +1503 -1466
  33. data/app/assets/javascripts/semantic-ui/form.js +2035 -2007
  34. data/app/assets/javascripts/semantic-ui/modal.js +1552 -1487
  35. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  36. data/app/assets/javascripts/semantic-ui/popup.js +1469 -1457
  37. data/app/assets/javascripts/semantic-ui/progress.js +944 -998
  38. data/app/assets/javascripts/semantic-ui/rating.js +508 -524
  39. data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
  40. data/app/assets/javascripts/semantic-ui/shape.js +762 -811
  41. data/app/assets/javascripts/semantic-ui/sidebar.js +1042 -1100
  42. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  43. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
  44. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  45. data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
  46. data/app/assets/javascripts/semantic-ui/tab.js +903 -967
  47. data/app/assets/javascripts/semantic-ui/toast.js +911 -885
  48. data/app/assets/javascripts/semantic-ui/transition.js +998 -1078
  49. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  50. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  51. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +311 -377
  52. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +191 -331
  53. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +302 -439
  54. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
  55. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
  56. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
  57. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
  58. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
  59. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3558 -3558
  60. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
  61. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
  62. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
  63. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  64. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +416 -300
  65. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
  66. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
  67. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
  68. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
  69. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  70. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  71. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +173 -227
  72. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
  73. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +34 -34
  74. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
  75. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +29 -51
  76. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
  77. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
  78. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +159 -230
  79. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
  80. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +261 -393
  81. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +21 -32
  82. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
  83. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
  84. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  85. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +573 -206
  86. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  87. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
  88. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
  89. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  90. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
  91. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +102 -127
  92. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  93. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
  94. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
  95. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  96. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
  97. data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
  98. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
  99. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
  100. data/app/assets/stylesheets/semantic-ui/views/_item.scss +87 -134
  101. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
  102. data/lib/fomantic/ui/sass/version.rb +2 -2
  103. data/tasks/converter.rb +1 -1
  104. metadata +17 -1
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Progress Bar
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.2 - Progress
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -15,14 +15,11 @@
15
15
 
16
16
  .ui.progress {
17
17
  position: relative;
18
- display: -webkit-box;
19
- display: -ms-flexbox;
20
18
  display: flex;
21
19
  max-width: 100%;
22
20
  border: none;
23
21
  margin: 1em 0 2.5em;
24
- -webkit-box-shadow: none;
25
- box-shadow: none;
22
+ box-shadow: none;
26
23
  background: rgba(0, 0, 0, 0.1);
27
24
  padding: 0;
28
25
  border-radius: 0.28571429rem;
@@ -47,9 +44,8 @@
47
44
  position: relative;
48
45
  width: 0;
49
46
  min-width: 2em;
50
- background: #888888;
47
+ background: #888;
51
48
  border-radius: 0.28571429rem;
52
- -webkit-transition: width 0.1s ease, background-color 0.1s ease;
53
49
  transition: width 0.1s ease, background-color 0.1s ease;
54
50
  overflow: hidden;
55
51
  }
@@ -81,9 +77,7 @@
81
77
  text-align: left;
82
78
  }
83
79
  .ui.right.aligned.progress {
84
- -webkit-box-pack: end;
85
- -ms-flex-pack: end;
86
- justify-content: flex-end;
80
+ justify-content: flex-end;
87
81
  }
88
82
  .ui.right.aligned.progress .bar > .progress {
89
83
  left: 0.5em;
@@ -104,7 +98,6 @@
104
98
  text-shadow: none;
105
99
  margin-top: 0.2em;
106
100
  text-align: center;
107
- -webkit-transition: color 0.4s ease;
108
101
  transition: color 0.4s ease;
109
102
  }
110
103
 
@@ -117,25 +110,25 @@
117
110
  /* Indicating */
118
111
  .ui.indicating.progress[data-percent^="1"] .bar,
119
112
  .ui.indicating.progress[data-percent^="2"] .bar {
120
- background-color: #D95C5C;
113
+ background-color: #d95c5c;
121
114
  }
122
115
  .ui.indicating.progress[data-percent^="3"] .bar {
123
- background-color: #EFBC72;
116
+ background-color: #efbc72;
124
117
  }
125
118
  .ui.indicating.progress[data-percent^="4"] .bar,
126
119
  .ui.indicating.progress[data-percent^="5"] .bar {
127
- background-color: #E6BB48;
120
+ background-color: #e6bb48;
128
121
  }
129
122
  .ui.indicating.progress[data-percent^="6"] .bar {
130
- background-color: #DDC928;
123
+ background-color: #ddc928;
131
124
  }
132
125
  .ui.indicating.progress[data-percent^="7"] .bar,
133
126
  .ui.indicating.progress[data-percent^="8"] .bar {
134
- background-color: #B4D95C;
127
+ background-color: #b4d95c;
135
128
  }
136
129
  .ui.indicating.progress[data-percent^="9"] .bar,
137
130
  .ui.indicating.progress[data-percent^="100"] .bar {
138
- background-color: #66DA81;
131
+ background-color: #66da81;
139
132
  }
140
133
 
141
134
  /* Indicating Label */
@@ -205,7 +198,7 @@
205
198
  .ui.indicating.progress[data-percent^="8."] .bar,
206
199
  .ui.indicating.progress[data-percent="9"] .bar,
207
200
  .ui.indicating.progress[data-percent^="9."] .bar {
208
- background-color: #D95C5C;
201
+ background-color: #d95c5c;
209
202
  }
210
203
  .ui.indicating.progress[data-percent="0"] .label,
211
204
  .ui.indicating.progress[data-percent^="0."] .label,
@@ -254,7 +247,7 @@
254
247
 
255
248
  /* Indicating Success */
256
249
  .ui.ui.indicating.progress.success .label {
257
- color: #1A531B;
250
+ color: #1a531b;
258
251
  }
259
252
 
260
253
 
@@ -263,117 +256,91 @@
263
256
  *******************************/
264
257
 
265
258
 
266
- /*--------------
267
- Success
268
- ---------------*/
269
-
259
+ /* --------------
260
+ Success
261
+ --------------- */
270
262
  .ui.ui.progress.success .bar {
271
- background-color: #21BA45;
263
+ background-color: #21ba45;
272
264
  }
273
265
  .ui.ui.progress.success .bar,
274
266
  .ui.ui.progress.success .bar::after {
275
- -webkit-animation: none;
276
- animation: none;
267
+ animation: none;
277
268
  }
278
269
  .ui.progress.success > .label {
279
- color: #1A531B;
270
+ color: #1a531b;
280
271
  }
281
272
 
282
- /*--------------
283
- Warning
284
- ---------------*/
285
-
273
+ /* --------------
274
+ Warning
275
+ --------------- */
286
276
  .ui.ui.progress.warning .bar {
287
- background-color: #F2C037;
277
+ background-color: #f2c037;
288
278
  }
289
279
  .ui.ui.progress.warning .bar,
290
280
  .ui.ui.progress.warning .bar::after {
291
- -webkit-animation: none;
292
- animation: none;
281
+ animation: none;
293
282
  }
294
283
  .ui.progress.warning > .label {
295
- color: #794B02;
284
+ color: #794b02;
296
285
  }
297
286
 
298
- /*--------------
299
- Error
300
- ---------------*/
301
-
287
+ /* --------------
288
+ Error
289
+ --------------- */
302
290
  .ui.ui.progress.error .bar {
303
- background-color: #DB2828;
291
+ background-color: #db2828;
304
292
  }
305
293
  .ui.ui.progress.error .bar,
306
294
  .ui.ui.progress.error .bar::after {
307
- -webkit-animation: none;
308
- animation: none;
295
+ animation: none;
309
296
  }
310
297
  .ui.progress.error > .label {
311
- color: #912D2B;
298
+ color: #912d2b;
312
299
  }
313
300
 
314
- /*--------------
315
- Active
316
- ---------------*/
317
-
301
+ /* --------------
302
+ Active
303
+ --------------- */
318
304
  .ui.active.progress .bar {
319
305
  position: relative;
320
306
  min-width: 2em;
321
307
  }
322
308
  .ui.active.progress .bar::after {
323
- content: '';
309
+ content: "";
324
310
  opacity: 0;
325
311
  position: absolute;
326
312
  top: 0;
327
313
  left: 0;
328
314
  right: 0;
329
315
  bottom: 0;
330
- background: #FFFFFF;
316
+ background: #fff;
331
317
  border-radius: 0.28571429rem;
332
- -webkit-animation: progress-active 2s ease infinite;
333
- animation: progress-active 2s ease infinite;
334
- -webkit-transform-origin: left;
335
- transform-origin: left;
318
+ animation: progress-active 2s ease infinite;
319
+ transform-origin: left;
336
320
  }
337
321
  .ui.active.right.aligned.progress .bar::after {
338
- -webkit-transform-origin: right;
339
- transform-origin: right;
340
- }
341
- @-webkit-keyframes progress-active {
342
- 0% {
343
- opacity: 0.3;
344
- -webkit-transform: scale(0, 1);
345
- transform: scale(0, 1);
346
- }
347
- 100% {
348
- opacity: 0;
349
- -webkit-transform: scale(1);
350
- transform: scale(1);
351
- }
322
+ transform-origin: right;
352
323
  }
353
324
  @keyframes progress-active {
354
325
  0% {
355
326
  opacity: 0.3;
356
- -webkit-transform: scale(0, 1);
357
- transform: scale(0, 1);
327
+ transform: scale(0, 1);
358
328
  }
359
329
  100% {
360
330
  opacity: 0;
361
- -webkit-transform: scale(1);
362
- transform: scale(1);
331
+ transform: scale(1);
363
332
  }
364
333
  }
365
334
 
366
- /*--------------
367
- Disabled
368
- ---------------*/
369
-
335
+ /* --------------
336
+ Disabled
337
+ --------------- */
370
338
  .ui.disabled.progress {
371
339
  opacity: 0.35;
372
340
  }
373
341
  .ui.ui.disabled.progress .bar,
374
342
  .ui.ui.disabled.progress .bar::after {
375
- -webkit-animation: none;
376
- animation: none;
343
+ animation: none;
377
344
  }
378
345
 
379
346
 
@@ -382,37 +349,35 @@
382
349
  *******************************/
383
350
 
384
351
 
385
- /*--------------
386
- Inverted
387
- ---------------*/
388
-
352
+ /* --------------
353
+ Inverted
354
+ --------------- */
389
355
  .ui.inverted.progress {
390
356
  background: rgba(255, 255, 255, 0.08);
391
357
  border: none;
392
358
  }
393
359
  .ui.inverted.progress .bar {
394
- background: #888888;
360
+ background: #888;
395
361
  }
396
362
  .ui.inverted.progress .bar > .progress {
397
- color: #1B1C1D;
363
+ color: #1b1c1d;
398
364
  }
399
365
  .ui.inverted.progress > .label {
400
- color: #FFFFFF;
366
+ color: #fff;
401
367
  }
402
368
  .ui.inverted.progress.success > .label {
403
- color: #21BA45;
369
+ color: #21ba45;
404
370
  }
405
371
  .ui.inverted.progress.warning > .label {
406
- color: #F2C037;
372
+ color: #f2c037;
407
373
  }
408
374
  .ui.inverted.progress.error > .label {
409
- color: #DB2828;
375
+ color: #db2828;
410
376
  }
411
377
 
412
- /*--------------
413
- Attached
414
- ---------------*/
415
-
378
+ /* --------------
379
+ Attached
380
+ --------------- */
416
381
 
417
382
  /* bottom attached */
418
383
  .ui.progress.attached {
@@ -457,24 +422,23 @@
457
422
  bottom: auto;
458
423
  }
459
424
 
460
- /*--------------
425
+ /* --------------
461
426
  Colors
462
- ---------------*/
463
-
427
+ --------------- */
464
428
  .ui.indeterminate.primary.progress .bar::before,
465
429
  .ui.primary.progress .bar,
466
430
  .ui.progress .primary.bar {
467
- background-color: #2185D0;
431
+ background-color: #2185d0;
468
432
  }
469
433
  .ui.inverted.indeterminate.primary.progress .bar::before,
470
434
  .ui.primary.inverted.progress .bar,
471
435
  .ui.inverted.progress .primary.bar {
472
- background-color: #54C8FF;
436
+ background-color: #54c8ff;
473
437
  }
474
438
  .ui.indeterminate.secondary.progress .bar::before,
475
439
  .ui.secondary.progress .bar,
476
440
  .ui.progress .secondary.bar {
477
- background-color: #1B1C1D;
441
+ background-color: #1b1c1d;
478
442
  }
479
443
  .ui.inverted.indeterminate.secondary.progress .bar::before,
480
444
  .ui.secondary.inverted.progress .bar,
@@ -484,112 +448,112 @@
484
448
  .ui.indeterminate.red.progress .bar::before,
485
449
  .ui.red.progress .bar,
486
450
  .ui.progress .red.bar {
487
- background-color: #DB2828;
451
+ background-color: #db2828;
488
452
  }
489
453
  .ui.inverted.indeterminate.red.progress .bar::before,
490
454
  .ui.red.inverted.progress .bar,
491
455
  .ui.inverted.progress .red.bar {
492
- background-color: #FF695E;
456
+ background-color: #ff695e;
493
457
  }
494
458
  .ui.indeterminate.orange.progress .bar::before,
495
459
  .ui.orange.progress .bar,
496
460
  .ui.progress .orange.bar {
497
- background-color: #F2711C;
461
+ background-color: #f2711c;
498
462
  }
499
463
  .ui.inverted.indeterminate.orange.progress .bar::before,
500
464
  .ui.orange.inverted.progress .bar,
501
465
  .ui.inverted.progress .orange.bar {
502
- background-color: #FF851B;
466
+ background-color: #ff851b;
503
467
  }
504
468
  .ui.indeterminate.yellow.progress .bar::before,
505
469
  .ui.yellow.progress .bar,
506
470
  .ui.progress .yellow.bar {
507
- background-color: #FBBD08;
471
+ background-color: #fbbd08;
508
472
  }
509
473
  .ui.inverted.indeterminate.yellow.progress .bar::before,
510
474
  .ui.yellow.inverted.progress .bar,
511
475
  .ui.inverted.progress .yellow.bar {
512
- background-color: #FFE21F;
476
+ background-color: #ffe21f;
513
477
  }
514
478
  .ui.indeterminate.olive.progress .bar::before,
515
479
  .ui.olive.progress .bar,
516
480
  .ui.progress .olive.bar {
517
- background-color: #B5CC18;
481
+ background-color: #b5cc18;
518
482
  }
519
483
  .ui.inverted.indeterminate.olive.progress .bar::before,
520
484
  .ui.olive.inverted.progress .bar,
521
485
  .ui.inverted.progress .olive.bar {
522
- background-color: #D9E778;
486
+ background-color: #d9e778;
523
487
  }
524
488
  .ui.indeterminate.green.progress .bar::before,
525
489
  .ui.green.progress .bar,
526
490
  .ui.progress .green.bar {
527
- background-color: #21BA45;
491
+ background-color: #21ba45;
528
492
  }
529
493
  .ui.inverted.indeterminate.green.progress .bar::before,
530
494
  .ui.green.inverted.progress .bar,
531
495
  .ui.inverted.progress .green.bar {
532
- background-color: #2ECC40;
496
+ background-color: #2ecc40;
533
497
  }
534
498
  .ui.indeterminate.teal.progress .bar::before,
535
499
  .ui.teal.progress .bar,
536
500
  .ui.progress .teal.bar {
537
- background-color: #00B5AD;
501
+ background-color: #00b5ad;
538
502
  }
539
503
  .ui.inverted.indeterminate.teal.progress .bar::before,
540
504
  .ui.teal.inverted.progress .bar,
541
505
  .ui.inverted.progress .teal.bar {
542
- background-color: #6DFFFF;
506
+ background-color: #6dffff;
543
507
  }
544
508
  .ui.indeterminate.blue.progress .bar::before,
545
509
  .ui.blue.progress .bar,
546
510
  .ui.progress .blue.bar {
547
- background-color: #2185D0;
511
+ background-color: #2185d0;
548
512
  }
549
513
  .ui.inverted.indeterminate.blue.progress .bar::before,
550
514
  .ui.blue.inverted.progress .bar,
551
515
  .ui.inverted.progress .blue.bar {
552
- background-color: #54C8FF;
516
+ background-color: #54c8ff;
553
517
  }
554
518
  .ui.indeterminate.violet.progress .bar::before,
555
519
  .ui.violet.progress .bar,
556
520
  .ui.progress .violet.bar {
557
- background-color: #6435C9;
521
+ background-color: #6435c9;
558
522
  }
559
523
  .ui.inverted.indeterminate.violet.progress .bar::before,
560
524
  .ui.violet.inverted.progress .bar,
561
525
  .ui.inverted.progress .violet.bar {
562
- background-color: #A291FB;
526
+ background-color: #a291fb;
563
527
  }
564
528
  .ui.indeterminate.purple.progress .bar::before,
565
529
  .ui.purple.progress .bar,
566
530
  .ui.progress .purple.bar {
567
- background-color: #A333C8;
531
+ background-color: #a333c8;
568
532
  }
569
533
  .ui.inverted.indeterminate.purple.progress .bar::before,
570
534
  .ui.purple.inverted.progress .bar,
571
535
  .ui.inverted.progress .purple.bar {
572
- background-color: #DC73FF;
536
+ background-color: #dc73ff;
573
537
  }
574
538
  .ui.indeterminate.pink.progress .bar::before,
575
539
  .ui.pink.progress .bar,
576
540
  .ui.progress .pink.bar {
577
- background-color: #E03997;
541
+ background-color: #e03997;
578
542
  }
579
543
  .ui.inverted.indeterminate.pink.progress .bar::before,
580
544
  .ui.pink.inverted.progress .bar,
581
545
  .ui.inverted.progress .pink.bar {
582
- background-color: #FF8EDF;
546
+ background-color: #ff8edf;
583
547
  }
584
548
  .ui.indeterminate.brown.progress .bar::before,
585
549
  .ui.brown.progress .bar,
586
550
  .ui.progress .brown.bar {
587
- background-color: #A5673F;
551
+ background-color: #a5673f;
588
552
  }
589
553
  .ui.inverted.indeterminate.brown.progress .bar::before,
590
554
  .ui.brown.inverted.progress .bar,
591
555
  .ui.inverted.progress .brown.bar {
592
- background-color: #D67C1C;
556
+ background-color: #d67c1c;
593
557
  }
594
558
  .ui.indeterminate.grey.progress .bar::before,
595
559
  .ui.grey.progress .bar,
@@ -599,12 +563,12 @@
599
563
  .ui.inverted.indeterminate.grey.progress .bar::before,
600
564
  .ui.grey.inverted.progress .bar,
601
565
  .ui.inverted.progress .grey.bar {
602
- background-color: #DCDDDE;
566
+ background-color: #dcddde;
603
567
  }
604
568
  .ui.indeterminate.black.progress .bar::before,
605
569
  .ui.black.progress .bar,
606
570
  .ui.progress .black.bar {
607
- background-color: #1B1C1D;
571
+ background-color: #1b1c1d;
608
572
  }
609
573
  .ui.inverted.indeterminate.black.progress .bar::before,
610
574
  .ui.black.inverted.progress .bar,
@@ -612,10 +576,9 @@
612
576
  background-color: #545454;
613
577
  }
614
578
 
615
- /*--------------
579
+ /* --------------
616
580
  Sizes
617
- ---------------*/
618
-
581
+ --------------- */
619
582
  .ui.progress {
620
583
  font-size: 1rem;
621
584
  }
@@ -665,10 +628,9 @@
665
628
  height: 5em;
666
629
  }
667
630
 
668
- /*---------------
669
- Indeterminate
670
- ----------------*/
671
-
631
+ /* ---------------
632
+ Indeterminate
633
+ ---------------- */
672
634
  .ui.indeterminate.progress .bar {
673
635
  width: 100%;
674
636
  }
@@ -679,43 +641,34 @@
679
641
  right: 0;
680
642
  }
681
643
  .ui.indeterminate.progress .bar::before {
682
- content: '';
644
+ content: "";
683
645
  position: absolute;
684
646
  top: 0;
685
647
  bottom: 0;
686
648
  border-radius: 0.28571429rem;
687
- -webkit-animation: progress-pulsating 2s ease infinite;
688
- animation: progress-pulsating 2s ease infinite;
689
- -webkit-transform-origin: center;
690
- transform-origin: center;
649
+ animation: progress-pulsating 2s ease infinite;
650
+ transform-origin: center;
691
651
  width: 100%;
692
652
  }
693
653
  .ui.slow.indeterminate.progress .bar::before {
694
- -webkit-animation-duration: 4s;
695
- animation-duration: 4s;
654
+ animation-duration: 4s;
696
655
  }
697
656
  .ui.fast.indeterminate.progress .bar::before {
698
- -webkit-animation-duration: 1s;
699
- animation-duration: 1s;
657
+ animation-duration: 1s;
700
658
  }
701
659
  .ui.swinging.indeterminate.progress .bar::before {
702
- -webkit-transform-origin: left;
703
- transform-origin: left;
704
- -webkit-animation-name: progress-swinging;
705
- animation-name: progress-swinging;
660
+ transform-origin: left;
661
+ animation-name: progress-swinging;
706
662
  }
707
663
  .ui.sliding.indeterminate.progress .bar::before {
708
- -webkit-transform-origin: left;
709
- transform-origin: left;
710
- -webkit-animation-name: progress-sliding;
711
- animation-name: progress-sliding;
664
+ transform-origin: left;
665
+ animation-name: progress-sliding;
712
666
  }
713
667
  .ui.filling.indeterminate.progress .bar::before {
714
- -webkit-animation-name: progress-filling;
715
- animation-name: progress-filling;
668
+ animation-name: progress-filling;
716
669
  }
717
670
  .ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
718
- background: #FFFFFF;
671
+ background: #fff;
719
672
  }
720
673
  .ui.sliding.indeterminate.progress .bar,
721
674
  .ui.swinging.indeterminate.progress .bar,
@@ -724,7 +677,7 @@
724
677
  }
725
678
  .ui.sliding.indeterminate.progress .bar .progress,
726
679
  .ui.swinging.indeterminate.progress .bar .progress {
727
- color: #1B1C1D;
680
+ color: #1b1c1d;
728
681
  }
729
682
  .ui.inverted.sliding.indeterminate.progress .bar,
730
683
  .ui.inverted.swinging.indeterminate.progress .bar,
@@ -735,21 +688,6 @@
735
688
  .ui.inverted.swinging.indeterminate.progress .bar .progress {
736
689
  color: rgba(255, 255, 255, 0.7);
737
690
  }
738
- @-webkit-keyframes progress-swinging {
739
- 0%,
740
- 100% {
741
- width: 10%;
742
- left: -25%;
743
- }
744
- 25%,
745
- 65% {
746
- width: 70%;
747
- }
748
- 50% {
749
- width: 10%;
750
- left: 100%;
751
- }
752
- }
753
691
  @keyframes progress-swinging {
754
692
  0%,
755
693
  100% {
@@ -765,19 +703,6 @@
765
703
  left: 100%;
766
704
  }
767
705
  }
768
- @-webkit-keyframes progress-sliding {
769
- 0% {
770
- width: 10%;
771
- left: -25%;
772
- }
773
- 50% {
774
- width: 70%;
775
- }
776
- 100% {
777
- width: 10%;
778
- left: 100%;
779
- }
780
- }
781
706
  @keyframes progress-sliding {
782
707
  0% {
783
708
  width: 10%;
@@ -791,55 +716,25 @@
791
716
  left: 100%;
792
717
  }
793
718
  }
794
- @-webkit-keyframes progress-filling {
795
- 0% {
796
- -webkit-transform: scale(0, 1);
797
- transform: scale(0, 1);
798
- }
799
- 80% {
800
- -webkit-transform: scale(1);
801
- transform: scale(1);
802
- opacity: 1;
803
- }
804
- 100% {
805
- opacity: 0;
806
- }
807
- }
808
719
  @keyframes progress-filling {
809
720
  0% {
810
- -webkit-transform: scale(0, 1);
811
- transform: scale(0, 1);
721
+ transform: scale(0, 1);
812
722
  }
813
723
  80% {
814
- -webkit-transform: scale(1);
815
- transform: scale(1);
724
+ transform: scale(1);
816
725
  opacity: 1;
817
726
  }
818
727
  100% {
819
728
  opacity: 0;
820
729
  }
821
730
  }
822
- @-webkit-keyframes progress-pulsating {
823
- 0% {
824
- -webkit-transform: scale(0, 1);
825
- transform: scale(0, 1);
826
- opacity: 0.7;
827
- }
828
- 100% {
829
- -webkit-transform: scale(1);
830
- transform: scale(1);
831
- opacity: 0;
832
- }
833
- }
834
731
  @keyframes progress-pulsating {
835
732
  0% {
836
- -webkit-transform: scale(0, 1);
837
- transform: scale(0, 1);
733
+ transform: scale(0, 1);
838
734
  opacity: 0.7;
839
735
  }
840
736
  100% {
841
- -webkit-transform: scale(1);
842
- transform: scale(1);
737
+ transform: scale(1);
843
738
  opacity: 0;
844
739
  }
845
740
  }