fomantic-ui-sass 2.6.4 → 2.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (127) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/.rubocop.yml +1 -0
  4. data/.rubocop_todo.yml +102 -0
  5. data/.travis.yml +9 -3
  6. data/README.md +4 -2
  7. data/Rakefile +25 -3
  8. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/brand-icons.svg +178 -11
  10. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/icons.svg +1138 -92
  15. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  18. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  19. data/app/assets/fonts/semantic-ui/outline-icons.svg +127 -26
  20. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  21. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  22. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  23. data/app/assets/javascripts/semantic-ui.js +1 -1
  24. data/app/assets/javascripts/semantic-ui/accordion.js +5 -1
  25. data/app/assets/javascripts/semantic-ui/api.js +9 -2
  26. data/app/assets/javascripts/semantic-ui/calendar.js +25 -12
  27. data/app/assets/javascripts/semantic-ui/checkbox.js +39 -2
  28. data/app/assets/javascripts/semantic-ui/dimmer.js +25 -5
  29. data/app/assets/javascripts/semantic-ui/dropdown.js +130 -47
  30. data/app/assets/javascripts/semantic-ui/embed.js +5 -1
  31. data/app/assets/javascripts/semantic-ui/form.js +24 -19
  32. data/app/assets/javascripts/semantic-ui/modal.js +33 -17
  33. data/app/assets/javascripts/semantic-ui/nag.js +5 -1
  34. data/app/assets/javascripts/semantic-ui/popup.js +10 -5
  35. data/app/assets/javascripts/semantic-ui/progress.js +5 -1
  36. data/app/assets/javascripts/semantic-ui/rating.js +21 -6
  37. data/app/assets/javascripts/semantic-ui/search.js +43 -27
  38. data/app/assets/javascripts/semantic-ui/shape.js +5 -1
  39. data/app/assets/javascripts/semantic-ui/sidebar.js +7 -3
  40. data/app/assets/javascripts/semantic-ui/site.js +6 -2
  41. data/app/assets/javascripts/semantic-ui/slider.js +1216 -0
  42. data/app/assets/javascripts/semantic-ui/state.js +5 -1
  43. data/app/assets/javascripts/semantic-ui/sticky.js +5 -1
  44. data/app/assets/javascripts/semantic-ui/tab.js +10 -3
  45. data/app/assets/javascripts/semantic-ui/toast.js +6 -2
  46. data/app/assets/javascripts/semantic-ui/transition.js +6 -2
  47. data/app/assets/javascripts/semantic-ui/visibility.js +6 -2
  48. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  49. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +59 -83
  50. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +110 -124
  51. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +262 -237
  52. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +155 -118
  53. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +332 -145
  54. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2281 -2415
  55. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +10 -10
  57. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +81 -81
  58. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +178 -191
  59. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +71 -103
  60. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +8 -8
  61. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +61 -40
  62. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1087 -444
  63. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +69 -69
  64. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +510 -155
  65. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +20 -14
  66. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +26 -26
  67. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +8 -8
  68. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +180 -216
  69. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +34 -39
  70. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +114 -0
  71. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +11 -20
  73. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +16 -16
  74. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -1
  75. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +23 -23
  77. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +32 -32
  78. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +128 -155
  79. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +13 -13
  80. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +50 -48
  81. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +15 -15
  82. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +50 -50
  83. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +30 -44
  84. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +137 -111
  85. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +24 -28
  86. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +6 -6
  87. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +29 -29
  88. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +768 -0
  89. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -3
  90. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +10 -14
  91. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +27 -16
  92. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  93. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +6 -6
  94. data/app/assets/stylesheets/semantic-ui/views/_card.scss +103 -133
  95. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +26 -26
  96. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +27 -27
  97. data/app/assets/stylesheets/semantic-ui/views/_item.scss +54 -54
  98. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +138 -108
  99. data/app/helpers/semantic_breadcrumbs_helper.rb +1 -1
  100. data/app/helpers/semantic_flash_helper.rb +4 -2
  101. data/app/helpers/semantic_icon_helper.rb +1 -1
  102. data/fomantic-ui-sass.gemspec +20 -19
  103. data/gemfiles/rails_5.0.gemfile +5 -0
  104. data/gemfiles/rails_5.1.gemfile +5 -0
  105. data/gemfiles/rails_5.2.gemfile +5 -0
  106. data/lib/fomantic-ui-sass.rb +3 -4
  107. data/lib/fomantic/ui/sass/breadcrumbs.rb +2 -4
  108. data/lib/fomantic/ui/sass/engine.rb +3 -3
  109. data/lib/fomantic/ui/sass/version.rb +2 -2
  110. data/spec/dummy/Rakefile +1 -1
  111. data/spec/dummy/bin/bundle +1 -1
  112. data/spec/dummy/bin/rails +1 -1
  113. data/spec/dummy/bin/rake +0 -0
  114. data/spec/dummy/config.ru +1 -1
  115. data/spec/dummy/config/application.rb +5 -6
  116. data/spec/dummy/config/boot.rb +3 -3
  117. data/spec/dummy/config/environment.rb +1 -1
  118. data/spec/dummy/config/environments/test.rb +1 -1
  119. data/spec/helpers/semantic_breadcrumbs_helper_spec.rb +30 -32
  120. data/spec/helpers/semantic_flash_helper_spec.rb +15 -16
  121. data/spec/helpers/semantic_icon_helper_spec.rb +10 -10
  122. data/spec/spec_helper.rb +4 -6
  123. data/tasks/converter.rb +61 -73
  124. data/templates/project/manifest.rb +1 -2
  125. metadata +45 -23
  126. data/app/assets/javascripts/semantic-ui/range.js +0 -278
  127. data/app/assets/stylesheets/semantic-ui/modules/_range.scss +0 -192
data/app/assets/stylesheets/semantic-ui/views/_statistic.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.6.4 - Statistic
2
+ * # Semantic UI 2.7.0 - Statistic
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -23,17 +23,17 @@
23
23
  -webkit-box-direction: normal;
24
24
  -ms-flex-direction: column;
25
25
  flex-direction: column;
26
- margin: 1em 0em;
27
- max-width: auto;
26
+ margin: 1em 0;
27
+ max-width: none;
28
28
  }
29
29
  .ui.statistic + .ui.statistic {
30
- margin: 0em 0em 0em 1.5em;
30
+ margin: 0 0 0 1.5em;
31
31
  }
32
32
  .ui.statistic:first-child {
33
- margin-top: 0em;
33
+ margin-top: 0;
34
34
  }
35
35
  .ui.statistic:last-child {
36
- margin-bottom: 0em;
36
+ margin-bottom: 0;
37
37
  }
38
38
 
39
39
 
@@ -64,8 +64,8 @@
64
64
  -webkit-box-direction: normal;
65
65
  -ms-flex-direction: column;
66
66
  flex-direction: column;
67
- margin: 0em 1.5em 1em;
68
- max-width: auto;
67
+ margin: 0 1.5em 1em;
68
+ max-width: none;
69
69
  }
70
70
  .ui.statistics {
71
71
  display: -webkit-box;
@@ -78,13 +78,13 @@
78
78
  .ui.statistics:after {
79
79
  display: block;
80
80
  content: ' ';
81
- height: 0px;
81
+ height: 0;
82
82
  clear: both;
83
83
  overflow: hidden;
84
84
  visibility: hidden;
85
85
  }
86
86
  .ui.statistics:first-child {
87
- margin-top: 0em;
87
+ margin-top: 0;
88
88
  }
89
89
 
90
90
 
@@ -125,13 +125,13 @@
125
125
  /* Top Label */
126
126
  .ui.statistics .statistic > .label ~ .value,
127
127
  .ui.statistic > .label ~ .value {
128
- margin-top: 0rem;
128
+ margin-top: 0;
129
129
  }
130
130
 
131
131
  /* Bottom Label */
132
132
  .ui.statistics .statistic > .value ~ .label,
133
133
  .ui.statistic > .value ~ .label {
134
- margin-top: 0rem;
134
+ margin-top: 0;
135
135
  }
136
136
 
137
137
 
@@ -148,7 +148,7 @@
148
148
  .ui.statistic > .value .icon {
149
149
  opacity: 1;
150
150
  width: auto;
151
- margin: 0em;
151
+ margin: 0;
152
152
  }
153
153
 
154
154
  /*--------------
@@ -188,74 +188,74 @@
188
188
  ---------------*/
189
189
 
190
190
  .ui.ten.statistics {
191
- margin: 0em 0em -1em;
191
+ margin: 0 0 -1em;
192
192
  }
193
193
  .ui.ten.statistics .statistic {
194
194
  min-width: 10%;
195
- margin: 0em 0em 1em;
195
+ margin: 0 0 1em;
196
196
  }
197
197
  .ui.nine.statistics {
198
- margin: 0em 0em -1em;
198
+ margin: 0 0 -1em;
199
199
  }
200
200
  .ui.nine.statistics .statistic {
201
201
  min-width: 11.11111111%;
202
- margin: 0em 0em 1em;
202
+ margin: 0 0 1em;
203
203
  }
204
204
  .ui.eight.statistics {
205
- margin: 0em 0em -1em;
205
+ margin: 0 0 -1em;
206
206
  }
207
207
  .ui.eight.statistics .statistic {
208
208
  min-width: 12.5%;
209
- margin: 0em 0em 1em;
209
+ margin: 0 0 1em;
210
210
  }
211
211
  .ui.seven.statistics {
212
- margin: 0em 0em -1em;
212
+ margin: 0 0 -1em;
213
213
  }
214
214
  .ui.seven.statistics .statistic {
215
215
  min-width: 14.28571429%;
216
- margin: 0em 0em 1em;
216
+ margin: 0 0 1em;
217
217
  }
218
218
  .ui.six.statistics {
219
- margin: 0em 0em -1em;
219
+ margin: 0 0 -1em;
220
220
  }
221
221
  .ui.six.statistics .statistic {
222
222
  min-width: 16.66666667%;
223
- margin: 0em 0em 1em;
223
+ margin: 0 0 1em;
224
224
  }
225
225
  .ui.five.statistics {
226
- margin: 0em 0em -1em;
226
+ margin: 0 0 -1em;
227
227
  }
228
228
  .ui.five.statistics .statistic {
229
229
  min-width: 20%;
230
- margin: 0em 0em 1em;
230
+ margin: 0 0 1em;
231
231
  }
232
232
  .ui.four.statistics {
233
- margin: 0em 0em -1em;
233
+ margin: 0 0 -1em;
234
234
  }
235
235
  .ui.four.statistics .statistic {
236
236
  min-width: 25%;
237
- margin: 0em 0em 1em;
237
+ margin: 0 0 1em;
238
238
  }
239
239
  .ui.three.statistics {
240
- margin: 0em 0em -1em;
240
+ margin: 0 0 -1em;
241
241
  }
242
242
  .ui.three.statistics .statistic {
243
243
  min-width: 33.33333333%;
244
- margin: 0em 0em 1em;
244
+ margin: 0 0 1em;
245
245
  }
246
246
  .ui.two.statistics {
247
- margin: 0em 0em -1em;
247
+ margin: 0 0 -1em;
248
248
  }
249
249
  .ui.two.statistics .statistic {
250
250
  min-width: 50%;
251
- margin: 0em 0em 1em;
251
+ margin: 0 0 1em;
252
252
  }
253
253
  .ui.one.statistics {
254
- margin: 0em 0em -1em;
254
+ margin: 0 0 -1em;
255
255
  }
256
256
  .ui.one.statistics .statistic {
257
257
  min-width: 100%;
258
- margin: 0em 0em 1em;
258
+ margin: 0 0 1em;
259
259
  }
260
260
 
261
261
  /*--------------
@@ -276,7 +276,7 @@
276
276
  -webkit-box-direction: normal;
277
277
  -ms-flex-direction: column;
278
278
  flex-direction: column;
279
- margin: 0em;
279
+ margin: 0;
280
280
  max-width: none;
281
281
  }
282
282
  .ui.horizontal.statistics .statistic {
@@ -288,11 +288,11 @@
288
288
  -ms-flex-align: center;
289
289
  align-items: center;
290
290
  max-width: none;
291
- margin: 1em 0em;
291
+ margin: 1em 0;
292
292
  }
293
293
  .ui.horizontal.statistic > .text.value,
294
294
  .ui.horizontal.statistics > .statistic > .text.value {
295
- min-height: 0em !important;
295
+ min-height: 0 !important;
296
296
  }
297
297
  .ui.horizontal.statistics .statistic > .value .icon,
298
298
  .ui.horizontal.statistic > .value .icon {
@@ -307,72 +307,7 @@
307
307
  .ui.horizontal.statistic > .label {
308
308
  display: inline-block;
309
309
  vertical-align: middle;
310
- margin: 0em 0em 0em 0.75em;
311
- }
312
-
313
- /*--------------
314
- Colors
315
- ---------------*/
316
-
317
- .ui.red.statistics .statistic > .value,
318
- .ui.statistics .red.statistic > .value,
319
- .ui.red.statistic > .value {
320
- color: #DB2828;
321
- }
322
- .ui.orange.statistics .statistic > .value,
323
- .ui.statistics .orange.statistic > .value,
324
- .ui.orange.statistic > .value {
325
- color: #F2711C;
326
- }
327
- .ui.yellow.statistics .statistic > .value,
328
- .ui.statistics .yellow.statistic > .value,
329
- .ui.yellow.statistic > .value {
330
- color: #FBBD08;
331
- }
332
- .ui.olive.statistics .statistic > .value,
333
- .ui.statistics .olive.statistic > .value,
334
- .ui.olive.statistic > .value {
335
- color: #B5CC18;
336
- }
337
- .ui.green.statistics .statistic > .value,
338
- .ui.statistics .green.statistic > .value,
339
- .ui.green.statistic > .value {
340
- color: #21BA45;
341
- }
342
- .ui.teal.statistics .statistic > .value,
343
- .ui.statistics .teal.statistic > .value,
344
- .ui.teal.statistic > .value {
345
- color: #00B5AD;
346
- }
347
- .ui.blue.statistics .statistic > .value,
348
- .ui.statistics .blue.statistic > .value,
349
- .ui.blue.statistic > .value {
350
- color: #2185D0;
351
- }
352
- .ui.violet.statistics .statistic > .value,
353
- .ui.statistics .violet.statistic > .value,
354
- .ui.violet.statistic > .value {
355
- color: #6435C9;
356
- }
357
- .ui.purple.statistics .statistic > .value,
358
- .ui.statistics .purple.statistic > .value,
359
- .ui.purple.statistic > .value {
360
- color: #A333C8;
361
- }
362
- .ui.pink.statistics .statistic > .value,
363
- .ui.statistics .pink.statistic > .value,
364
- .ui.pink.statistic > .value {
365
- color: #E03997;
366
- }
367
- .ui.brown.statistics .statistic > .value,
368
- .ui.statistics .brown.statistic > .value,
369
- .ui.brown.statistic > .value {
370
- color: #A5673F;
371
- }
372
- .ui.grey.statistics .statistic > .value,
373
- .ui.statistics .grey.statistic > .value,
374
- .ui.grey.statistic > .value {
375
- color: #767676;
310
+ margin: 0 0 0 0.75em;
376
311
  }
377
312
 
378
313
  /*--------------
@@ -387,66 +322,161 @@
387
322
  .ui.inverted.statistic .label {
388
323
  color: rgba(255, 255, 255, 0.9);
389
324
  }
325
+
326
+ /*--------------
327
+ Colors
328
+ ---------------*/
329
+
330
+ .ui.primary.statistics .statistic > .value,
331
+ .ui.statistics .primary.statistic > .value,
332
+ .ui.primary.statistic > .value {
333
+ color: #2185D0;
334
+ }
335
+ .ui.inverted.primary.statistics .statistic > .value,
336
+ .ui.statistics .inverted.primary.statistic > .value,
337
+ .ui.inverted.primary.statistic > .value {
338
+ color: #54C8FF;
339
+ }
340
+ .ui.secondary.statistics .statistic > .value,
341
+ .ui.statistics .secondary.statistic > .value,
342
+ .ui.secondary.statistic > .value {
343
+ color: #1B1C1D;
344
+ }
345
+ .ui.inverted.secondary.statistics .statistic > .value,
346
+ .ui.statistics .inverted.secondary.statistic > .value,
347
+ .ui.inverted.secondary.statistic > .value {
348
+ color: #545454;
349
+ }
350
+ .ui.red.statistics .statistic > .value,
351
+ .ui.statistics .red.statistic > .value,
352
+ .ui.red.statistic > .value {
353
+ color: #DB2828;
354
+ }
390
355
  .ui.inverted.red.statistics .statistic > .value,
391
356
  .ui.statistics .inverted.red.statistic > .value,
392
357
  .ui.inverted.red.statistic > .value {
393
358
  color: #FF695E;
394
359
  }
360
+ .ui.orange.statistics .statistic > .value,
361
+ .ui.statistics .orange.statistic > .value,
362
+ .ui.orange.statistic > .value {
363
+ color: #F2711C;
364
+ }
395
365
  .ui.inverted.orange.statistics .statistic > .value,
396
366
  .ui.statistics .inverted.orange.statistic > .value,
397
367
  .ui.inverted.orange.statistic > .value {
398
368
  color: #FF851B;
399
369
  }
370
+ .ui.yellow.statistics .statistic > .value,
371
+ .ui.statistics .yellow.statistic > .value,
372
+ .ui.yellow.statistic > .value {
373
+ color: #FBBD08;
374
+ }
400
375
  .ui.inverted.yellow.statistics .statistic > .value,
401
376
  .ui.statistics .inverted.yellow.statistic > .value,
402
377
  .ui.inverted.yellow.statistic > .value {
403
378
  color: #FFE21F;
404
379
  }
380
+ .ui.olive.statistics .statistic > .value,
381
+ .ui.statistics .olive.statistic > .value,
382
+ .ui.olive.statistic > .value {
383
+ color: #B5CC18;
384
+ }
405
385
  .ui.inverted.olive.statistics .statistic > .value,
406
386
  .ui.statistics .inverted.olive.statistic > .value,
407
387
  .ui.inverted.olive.statistic > .value {
408
388
  color: #D9E778;
409
389
  }
390
+ .ui.green.statistics .statistic > .value,
391
+ .ui.statistics .green.statistic > .value,
392
+ .ui.green.statistic > .value {
393
+ color: #21BA45;
394
+ }
410
395
  .ui.inverted.green.statistics .statistic > .value,
411
396
  .ui.statistics .inverted.green.statistic > .value,
412
397
  .ui.inverted.green.statistic > .value {
413
398
  color: #2ECC40;
414
399
  }
400
+ .ui.teal.statistics .statistic > .value,
401
+ .ui.statistics .teal.statistic > .value,
402
+ .ui.teal.statistic > .value {
403
+ color: #00B5AD;
404
+ }
415
405
  .ui.inverted.teal.statistics .statistic > .value,
416
406
  .ui.statistics .inverted.teal.statistic > .value,
417
407
  .ui.inverted.teal.statistic > .value {
418
408
  color: #6DFFFF;
419
409
  }
410
+ .ui.blue.statistics .statistic > .value,
411
+ .ui.statistics .blue.statistic > .value,
412
+ .ui.blue.statistic > .value {
413
+ color: #2185D0;
414
+ }
420
415
  .ui.inverted.blue.statistics .statistic > .value,
421
416
  .ui.statistics .inverted.blue.statistic > .value,
422
417
  .ui.inverted.blue.statistic > .value {
423
418
  color: #54C8FF;
424
419
  }
420
+ .ui.violet.statistics .statistic > .value,
421
+ .ui.statistics .violet.statistic > .value,
422
+ .ui.violet.statistic > .value {
423
+ color: #6435C9;
424
+ }
425
425
  .ui.inverted.violet.statistics .statistic > .value,
426
426
  .ui.statistics .inverted.violet.statistic > .value,
427
427
  .ui.inverted.violet.statistic > .value {
428
428
  color: #A291FB;
429
429
  }
430
+ .ui.purple.statistics .statistic > .value,
431
+ .ui.statistics .purple.statistic > .value,
432
+ .ui.purple.statistic > .value {
433
+ color: #A333C8;
434
+ }
430
435
  .ui.inverted.purple.statistics .statistic > .value,
431
436
  .ui.statistics .inverted.purple.statistic > .value,
432
437
  .ui.inverted.purple.statistic > .value {
433
438
  color: #DC73FF;
434
439
  }
440
+ .ui.pink.statistics .statistic > .value,
441
+ .ui.statistics .pink.statistic > .value,
442
+ .ui.pink.statistic > .value {
443
+ color: #E03997;
444
+ }
435
445
  .ui.inverted.pink.statistics .statistic > .value,
436
446
  .ui.statistics .inverted.pink.statistic > .value,
437
447
  .ui.inverted.pink.statistic > .value {
438
448
  color: #FF8EDF;
439
449
  }
450
+ .ui.brown.statistics .statistic > .value,
451
+ .ui.statistics .brown.statistic > .value,
452
+ .ui.brown.statistic > .value {
453
+ color: #A5673F;
454
+ }
440
455
  .ui.inverted.brown.statistics .statistic > .value,
441
456
  .ui.statistics .inverted.brown.statistic > .value,
442
457
  .ui.inverted.brown.statistic > .value {
443
458
  color: #D67C1C;
444
459
  }
460
+ .ui.grey.statistics .statistic > .value,
461
+ .ui.statistics .grey.statistic > .value,
462
+ .ui.grey.statistic > .value {
463
+ color: #767676;
464
+ }
445
465
  .ui.inverted.grey.statistics .statistic > .value,
446
466
  .ui.statistics .inverted.grey.statistic > .value,
447
467
  .ui.inverted.grey.statistic > .value {
448
468
  color: #DCDDDE;
449
469
  }
470
+ .ui.black.statistics .statistic > .value,
471
+ .ui.statistics .black.statistic > .value,
472
+ .ui.black.statistic > .value {
473
+ color: #1B1C1D;
474
+ }
475
+ .ui.inverted.black.statistics .statistic > .value,
476
+ .ui.statistics .inverted.black.statistic > .value,
477
+ .ui.inverted.black.statistic > .value {
478
+ color: #545454;
479
+ }
450
480
 
451
481
  /*--------------
452
482
  Floated
@@ -454,14 +484,14 @@
454
484
 
455
485
  .ui[class*="left floated"].statistic {
456
486
  float: left;
457
- margin: 0em 2em 1em 0em;
487
+ margin: 0 2em 1em 0;
458
488
  }
459
489
  .ui[class*="right floated"].statistic {
460
490
  float: right;
461
- margin: 0em 0em 1em 2em;
491
+ margin: 0 0 1em 2em;
462
492
  }
463
493
  .ui.floated.statistic:last-child {
464
- margin-bottom: 0em;
494
+ margin-bottom: 0;
465
495
  }
466
496
 
467
497
  /*--------------
@@ -471,12 +501,12 @@
471
501
  @media only screen and (max-width: 767px) {
472
502
  .ui.stackable.statistics {
473
503
  width: auto;
474
- margin-left: 0em !important;
475
- margin-right: 0em !important;
504
+ margin-left: 0 !important;
505
+ margin-right: 0 !important;
476
506
  }
477
507
  .ui.stackable.statistics > .statistic {
478
508
  width: 100% !important;
479
- margin: 0em 0em !important;
509
+ margin: 0 0 !important;
480
510
  padding: 1rem 1rem !important;
481
511
  }
482
512
  }