fomantic-ui-sass 2.7.8 → 2.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/calendar.js +41 -18
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +58 -33
  6. data/app/assets/javascripts/semantic-ui/form.js +9 -4
  7. data/app/assets/javascripts/semantic-ui/modal.js +96 -33
  8. data/app/assets/javascripts/semantic-ui/popup.js +8 -8
  9. data/app/assets/javascripts/semantic-ui/progress.js +10 -8
  10. data/app/assets/javascripts/semantic-ui/rating.js +35 -6
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
  12. data/app/assets/javascripts/semantic-ui/slider.js +78 -29
  13. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  14. data/app/assets/javascripts/semantic-ui/toast.js +395 -121
  15. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
  16. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +741 -143
  17. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
  18. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -117
  19. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
  20. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +976 -191
  21. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  22. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
  23. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
  24. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
  25. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12312 -0
  26. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +70 -31
  28. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
  29. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +218 -69
  30. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
  31. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
  32. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
  33. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
  34. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
  35. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
  36. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +38 -38
  37. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
  38. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +14 -124
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +21 -21
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +181 -110
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +121 -30
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +71 -72
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
  52. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
  55. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
  56. data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
  57. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
  58. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
  59. data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
  60. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
  61. data/lib/fomantic/ui/sass/version.rb +2 -2
  62. metadata +2 -1
@@ -322,8 +322,8 @@ a.ui.label {
322
322
  }
323
323
 
324
324
  /*-------------------
325
- Ribbon
326
- --------------------*/
325
+ Ribbon
326
+ --------------------*/
327
327
 
328
328
  .ui.ribbon.label {
329
329
  position: relative;
@@ -424,8 +424,8 @@ a.ui.label {
424
424
  }
425
425
 
426
426
  /*-------------------
427
- Attached
428
- --------------------*/
427
+ Attached
428
+ --------------------*/
429
429
 
430
430
  .ui[class*="top attached"].label,
431
431
  .ui.attached.label {
@@ -557,8 +557,8 @@ a.ui.active.label:hover:before {
557
557
 
558
558
 
559
559
  /*-------------------
560
- Basic
561
- --------------------*/
560
+ Basic
561
+ --------------------*/
562
562
 
563
563
  .ui.basic.labels .label,
564
564
  .ui.basic.label {
@@ -585,8 +585,8 @@ a.ui.basic.label:hover {
585
585
  }
586
586
 
587
587
  /*-------------------
588
- Fluid
589
- --------------------*/
588
+ Fluid
589
+ --------------------*/
590
590
 
591
591
  .ui.label.fluid,
592
592
  .ui.fluid.labels > .label {
@@ -596,8 +596,8 @@ a.ui.basic.label:hover {
596
596
  }
597
597
 
598
598
  /*-------------------
599
- Inverted
600
- --------------------*/
599
+ Inverted
600
+ --------------------*/
601
601
 
602
602
  .ui.inverted.labels .label,
603
603
  .ui.inverted.label {
@@ -1868,8 +1868,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1868
1868
  }
1869
1869
 
1870
1870
  /*-------------------
1871
- Circular
1872
- --------------------*/
1871
+ Circular
1872
+ --------------------*/
1873
1873
 
1874
1874
  .ui.circular.labels .label,
1875
1875
  .ui.circular.label {
@@ -1891,8 +1891,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1891
1891
  }
1892
1892
 
1893
1893
  /*-------------------
1894
- Pointing
1895
- --------------------*/
1894
+ Pointing
1895
+ --------------------*/
1896
1896
 
1897
1897
  .ui.pointing.label {
1898
1898
  position: relative;
@@ -2020,8 +2020,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2020
2020
  }
2021
2021
 
2022
2022
  /*------------------
2023
- Floating Label
2024
- -------------------*/
2023
+ Floating Label
2024
+ -------------------*/
2025
2025
 
2026
2026
  .ui.floating.label {
2027
2027
  position: absolute;
@@ -2055,6 +2055,10 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2055
2055
  Sizes
2056
2056
  --------------------*/
2057
2057
 
2058
+ .ui.labels .label,
2059
+ .ui.label {
2060
+ font-size: 0.85714286rem;
2061
+ }
2058
2062
  .ui.mini.labels .label,
2059
2063
  .ui.mini.label {
2060
2064
  font-size: 0.64285714rem;
@@ -2067,10 +2071,6 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2067
2071
  .ui.small.label {
2068
2072
  font-size: 0.78571429rem;
2069
2073
  }
2070
- .ui.labels .label,
2071
- .ui.label {
2072
- font-size: 0.85714286rem;
2073
- }
2074
2074
  .ui.large.labels .label,
2075
2075
  .ui.large.label {
2076
2076
  font-size: 1rem;
@@ -201,6 +201,8 @@ ol.ui.list ol li,
201
201
  }
202
202
 
203
203
  /* Linked Item Icons */
204
+ .ui.list .list > a.item > i.icons,
205
+ .ui.list > a.item > i.icons,
204
206
  .ui.list .list > a.item > i.icon,
205
207
  .ui.list > a.item > i.icon {
206
208
  color: rgba(0, 0, 0, 0.4);
@@ -271,8 +273,8 @@ ol.ui.list ol li,
271
273
 
272
274
 
273
275
  /*-------------------
274
- Horizontal
275
- --------------------*/
276
+ Horizontal
277
+ --------------------*/
276
278
 
277
279
  .ui.horizontal.list {
278
280
  display: inline-block;
@@ -308,7 +310,8 @@ ol.ui.list ol li,
308
310
  }
309
311
 
310
312
  /* Horizontal List */
311
- .ui.horizontal.list > .item > i.icon {
313
+ .ui.horizontal.list > .item > i.icon,
314
+ .ui.horizontal.list .item > i.icons > i.icon {
312
315
  margin: 0;
313
316
  padding: 0 0.25em 0 0;
314
317
  }
@@ -330,8 +333,8 @@ ol.ui.list ol li,
330
333
 
331
334
 
332
335
  /*-------------------
333
- Disabled
334
- --------------------*/
336
+ Disabled
337
+ --------------------*/
335
338
 
336
339
  .ui.list .list > .disabled.item,
337
340
  .ui.list > .disabled.item {
@@ -347,6 +350,8 @@ ol.ui.list ol li,
347
350
  Hover
348
351
  --------------------*/
349
352
 
353
+ .ui.list .list > a.item:hover > .icons,
354
+ .ui.list > a.item:hover > .icons,
350
355
  .ui.list .list > a.item:hover > .icon,
351
356
  .ui.list > a.item:hover > .icon {
352
357
  color: rgba(0, 0, 0, 0.87);
@@ -359,8 +364,8 @@ ol.ui.list ol li,
359
364
 
360
365
 
361
366
  /*-------------------
362
- Inverted
363
- --------------------*/
367
+ Inverted
368
+ --------------------*/
364
369
 
365
370
  .ui.inverted.list .list > a.item > .icon,
366
371
  .ui.inverted.list > a.item > .icon {
@@ -399,8 +404,8 @@ ol.ui.list ol li,
399
404
  }
400
405
 
401
406
  /*-------------------
402
- Aligned
403
- --------------------*/
407
+ Aligned
408
+ --------------------*/
404
409
 
405
410
  .ui.list[class*="top aligned"] .image,
406
411
  .ui.list[class*="top aligned"] .content,
@@ -419,8 +424,8 @@ ol.ui.list ol li,
419
424
  }
420
425
 
421
426
  /*-------------------
422
- Link
423
- --------------------*/
427
+ Link
428
+ --------------------*/
424
429
 
425
430
  .ui.link.list .item,
426
431
  .ui.link.list a.item,
@@ -462,8 +467,8 @@ ol.ui.list ol li,
462
467
  }
463
468
 
464
469
  /*-------------------
465
- Selection
466
- --------------------*/
470
+ Selection
471
+ --------------------*/
467
472
 
468
473
  .ui.selection.list .list > .item,
469
474
  .ui.selection.list > .item {
@@ -523,8 +528,8 @@ ol.ui.list ol li,
523
528
  }
524
529
 
525
530
  /*-------------------
526
- Animated
527
- --------------------*/
531
+ Animated
532
+ --------------------*/
528
533
 
529
534
  .ui.animated.list > .item {
530
535
  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
@@ -535,8 +540,8 @@ ol.ui.list ol li,
535
540
  }
536
541
 
537
542
  /*-------------------
538
- Fitted
539
- --------------------*/
543
+ Fitted
544
+ --------------------*/
540
545
 
541
546
  .ui.fitted.list:not(.selection) .list > .item,
542
547
  .ui.fitted.list:not(.selection) > .item {
@@ -550,8 +555,8 @@ ol.ui.list ol li,
550
555
  }
551
556
 
552
557
  /*-------------------
553
- Bulleted
554
- --------------------*/
558
+ Bulleted
559
+ --------------------*/
555
560
 
556
561
  ul.ui.list,
557
562
  .ui.bulleted.list {
@@ -575,7 +580,7 @@ ul.ui.list li:before,
575
580
  left: auto;
576
581
  font-weight: normal;
577
582
  margin-left: -1.25rem;
578
- content: '';
583
+ content: '\2022';
579
584
  opacity: 1;
580
585
  color: inherit;
581
586
  vertical-align: top;
@@ -613,8 +618,8 @@ ul.ui.horizontal.bulleted.list li:first-child::before,
613
618
  }
614
619
 
615
620
  /*-------------------
616
- Ordered
617
- --------------------*/
621
+ Ordered
622
+ --------------------*/
618
623
 
619
624
  ol.ui.list,
620
625
  .ui.ordered.list,
@@ -694,8 +699,8 @@ ol.ui.suffixed.list li:before,
694
699
  }
695
700
 
696
701
  /*-------------------
697
- Divided
698
- --------------------*/
702
+ Divided
703
+ --------------------*/
699
704
 
700
705
  .ui.divided.list > .item {
701
706
  border-top: 1px solid rgba(34, 36, 38, 0.15);
@@ -778,8 +783,8 @@ ol.ui.suffixed.list li:before,
778
783
  }
779
784
 
780
785
  /*-------------------
781
- Celled
782
- --------------------*/
786
+ Celled
787
+ --------------------*/
783
788
 
784
789
  .ui.celled.list > .item,
785
790
  .ui.celled.list > .list {
@@ -867,8 +872,8 @@ ol.ui.suffixed.list li:before,
867
872
  }
868
873
 
869
874
  /*-------------------
870
- Relaxed
871
- --------------------*/
875
+ Relaxed
876
+ --------------------*/
872
877
 
873
878
  .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
874
879
  padding-top: 0.42857143em;
@@ -905,58 +910,54 @@ ol.ui.suffixed.list li:before,
905
910
  Sizes
906
911
  --------------------*/
907
912
 
908
- .ui.mini.list {
909
- font-size: 0.78571429em;
910
- }
911
- .ui.tiny.list {
912
- font-size: 0.85714286em;
913
- }
914
- .ui.small.list {
915
- font-size: 0.92857143em;
916
- }
917
913
  .ui.list {
918
914
  font-size: 1em;
919
915
  }
920
- .ui.large.list {
921
- font-size: 1.14285714em;
922
- }
923
- .ui.big.list {
924
- font-size: 1.28571429em;
925
- }
926
- .ui.huge.list {
927
- font-size: 1.42857143em;
928
- }
929
- .ui.massive.list {
930
- font-size: 1.71428571em;
916
+ .ui.mini.list {
917
+ font-size: 0.78571429em;
931
918
  }
932
919
  .ui.mini.horizontal.list .list > .item,
933
920
  .ui.mini.horizontal.list > .item {
934
921
  font-size: 0.78571429rem;
935
922
  }
923
+ .ui.tiny.list {
924
+ font-size: 0.85714286em;
925
+ }
936
926
  .ui.tiny.horizontal.list .list > .item,
937
927
  .ui.tiny.horizontal.list > .item {
938
928
  font-size: 0.85714286rem;
939
929
  }
930
+ .ui.small.list {
931
+ font-size: 0.92857143em;
932
+ }
940
933
  .ui.small.horizontal.list .list > .item,
941
934
  .ui.small.horizontal.list > .item {
942
935
  font-size: 0.92857143rem;
943
936
  }
944
- .ui.horizontal.list .list > .item,
945
- .ui.horizontal.list > .item {
946
- font-size: 1rem;
937
+ .ui.large.list {
938
+ font-size: 1.14285714em;
947
939
  }
948
940
  .ui.large.horizontal.list .list > .item,
949
941
  .ui.large.horizontal.list > .item {
950
942
  font-size: 1.14285714rem;
951
943
  }
944
+ .ui.big.list {
945
+ font-size: 1.28571429em;
946
+ }
952
947
  .ui.big.horizontal.list .list > .item,
953
948
  .ui.big.horizontal.list > .item {
954
949
  font-size: 1.28571429rem;
955
950
  }
951
+ .ui.huge.list {
952
+ font-size: 1.42857143em;
953
+ }
956
954
  .ui.huge.horizontal.list .list > .item,
957
955
  .ui.huge.horizontal.list > .item {
958
956
  font-size: 1.42857143rem;
959
957
  }
958
+ .ui.massive.list {
959
+ font-size: 1.71428571em;
960
+ }
960
961
  .ui.massive.horizontal.list .list > .item,
961
962
  .ui.massive.horizontal.list > .item {
962
963
  font-size: 1.71428571rem;
@@ -85,56 +85,6 @@
85
85
  }
86
86
  }
87
87
 
88
- /* Sizes */
89
- .ui.mini.loader:before,
90
- .ui.mini.loader:after {
91
- width: 1rem;
92
- height: 1rem;
93
- margin: 0 0 0 -0.5rem;
94
- }
95
- .ui.tiny.loader:before,
96
- .ui.tiny.loader:after {
97
- width: 1.14285714rem;
98
- height: 1.14285714rem;
99
- margin: 0 0 0 -0.57142857rem;
100
- }
101
- .ui.small.loader:before,
102
- .ui.small.loader:after {
103
- width: 1.71428571rem;
104
- height: 1.71428571rem;
105
- margin: 0 0 0 -0.85714286rem;
106
- }
107
- .ui.loader:before,
108
- .ui.loader:after {
109
- width: 2.28571429rem;
110
- height: 2.28571429rem;
111
- margin: 0 0 0 -1.14285714rem;
112
- }
113
- .ui.large.loader:before,
114
- .ui.large.loader:after {
115
- width: 3.42857143rem;
116
- height: 3.42857143rem;
117
- margin: 0 0 0 -1.71428571rem;
118
- }
119
- .ui.big.loader:before,
120
- .ui.big.loader:after {
121
- width: 3.71428571rem;
122
- height: 3.71428571rem;
123
- margin: 0 0 0 -1.85714286rem;
124
- }
125
- .ui.huge.loader:before,
126
- .ui.huge.loader:after {
127
- width: 4.14285714rem;
128
- height: 4.14285714rem;
129
- margin: 0 0 0 -2.07142857rem;
130
- }
131
- .ui.massive.loader:before,
132
- .ui.massive.loader:after {
133
- width: 4.57142857rem;
134
- height: 4.57142857rem;
135
- margin: 0 0 0 -2.28571429rem;
136
- }
137
-
138
88
  /*-------------------
139
89
  Coupling
140
90
  --------------------*/
@@ -168,8 +118,8 @@
168
118
 
169
119
 
170
120
  /*-------------------
171
- Text
172
- --------------------*/
121
+ Text
122
+ --------------------*/
173
123
 
174
124
  .ui.ui.ui.ui.text.loader {
175
125
  width: auto;
@@ -207,77 +157,121 @@
207
157
  Sizes
208
158
  --------------------*/
209
159
 
210
-
211
- /* Loader */
160
+ .ui.loader {
161
+ width: 2.28571429rem;
162
+ height: 2.28571429rem;
163
+ font-size: 1em;
164
+ }
165
+ .ui.loader:before,
166
+ .ui.loader:after {
167
+ width: 2.28571429rem;
168
+ height: 2.28571429rem;
169
+ margin: 0 0 0 -1.14285714rem;
170
+ }
171
+ .ui.text.loader {
172
+ min-width: 2.28571429rem;
173
+ padding-top: 3.07142857rem;
174
+ }
212
175
  .ui.mini.loader {
213
176
  width: 1rem;
214
177
  height: 1rem;
215
178
  font-size: 0.78571429em;
216
179
  }
180
+ .ui.mini.loader:before,
181
+ .ui.mini.loader:after {
182
+ width: 1rem;
183
+ height: 1rem;
184
+ margin: 0 0 0 -0.5rem;
185
+ }
186
+ .ui.mini.text.loader {
187
+ min-width: 1rem;
188
+ padding-top: 1.78571429rem;
189
+ }
217
190
  .ui.tiny.loader {
218
191
  width: 1.14285714rem;
219
192
  height: 1.14285714rem;
220
193
  font-size: 0.85714286em;
221
194
  }
195
+ .ui.tiny.loader:before,
196
+ .ui.tiny.loader:after {
197
+ width: 1.14285714rem;
198
+ height: 1.14285714rem;
199
+ margin: 0 0 0 -0.57142857rem;
200
+ }
201
+ .ui.tiny.text.loader {
202
+ min-width: 1.14285714rem;
203
+ padding-top: 1.92857143rem;
204
+ }
222
205
  .ui.small.loader {
223
206
  width: 1.71428571rem;
224
207
  height: 1.71428571rem;
225
208
  font-size: 0.92857143em;
226
209
  }
227
- .ui.loader {
228
- width: 2.28571429rem;
229
- height: 2.28571429rem;
230
- font-size: 1em;
210
+ .ui.small.loader:before,
211
+ .ui.small.loader:after {
212
+ width: 1.71428571rem;
213
+ height: 1.71428571rem;
214
+ margin: 0 0 0 -0.85714286rem;
215
+ }
216
+ .ui.small.text.loader {
217
+ min-width: 1.71428571rem;
218
+ padding-top: 2.5rem;
231
219
  }
232
220
  .ui.large.loader {
233
221
  width: 3.42857143rem;
234
222
  height: 3.42857143rem;
235
223
  font-size: 1.14285714em;
236
224
  }
225
+ .ui.large.loader:before,
226
+ .ui.large.loader:after {
227
+ width: 3.42857143rem;
228
+ height: 3.42857143rem;
229
+ margin: 0 0 0 -1.71428571rem;
230
+ }
231
+ .ui.large.text.loader {
232
+ min-width: 3.42857143rem;
233
+ padding-top: 4.21428571rem;
234
+ }
237
235
  .ui.big.loader {
238
236
  width: 3.71428571rem;
239
237
  height: 3.71428571rem;
240
238
  font-size: 1.28571429em;
241
239
  }
240
+ .ui.big.loader:before,
241
+ .ui.big.loader:after {
242
+ width: 3.71428571rem;
243
+ height: 3.71428571rem;
244
+ margin: 0 0 0 -1.85714286rem;
245
+ }
246
+ .ui.big.text.loader {
247
+ min-width: 3.71428571rem;
248
+ padding-top: 4.5rem;
249
+ }
242
250
  .ui.huge.loader {
243
251
  width: 4.14285714rem;
244
252
  height: 4.14285714rem;
245
253
  font-size: 1.42857143em;
246
254
  }
255
+ .ui.huge.loader:before,
256
+ .ui.huge.loader:after {
257
+ width: 4.14285714rem;
258
+ height: 4.14285714rem;
259
+ margin: 0 0 0 -2.07142857rem;
260
+ }
261
+ .ui.huge.text.loader {
262
+ min-width: 4.14285714rem;
263
+ padding-top: 4.92857143rem;
264
+ }
247
265
  .ui.massive.loader {
248
266
  width: 4.57142857rem;
249
267
  height: 4.57142857rem;
250
268
  font-size: 1.71428571em;
251
269
  }
252
-
253
- /* Text Loader */
254
- .ui.mini.text.loader {
255
- min-width: 1rem;
256
- padding-top: 1.78571429rem;
257
- }
258
- .ui.tiny.text.loader {
259
- min-width: 1.14285714rem;
260
- padding-top: 1.92857143rem;
261
- }
262
- .ui.small.text.loader {
263
- min-width: 1.71428571rem;
264
- padding-top: 2.5rem;
265
- }
266
- .ui.text.loader {
267
- min-width: 2.28571429rem;
268
- padding-top: 3.07142857rem;
269
- }
270
- .ui.large.text.loader {
271
- min-width: 3.42857143rem;
272
- padding-top: 4.21428571rem;
273
- }
274
- .ui.big.text.loader {
275
- min-width: 3.71428571rem;
276
- padding-top: 4.5rem;
277
- }
278
- .ui.huge.text.loader {
279
- min-width: 4.14285714rem;
280
- padding-top: 4.92857143rem;
270
+ .ui.massive.loader:before,
271
+ .ui.massive.loader:after {
272
+ width: 4.57142857rem;
273
+ height: 4.57142857rem;
274
+ margin: 0 0 0 -2.28571429rem;
281
275
  }
282
276
  .ui.massive.text.loader {
283
277
  min-width: 4.57142857rem;
@@ -640,8 +634,8 @@
640
634
  }
641
635
 
642
636
  /*-------------------
643
- Inline
644
- --------------------*/
637
+ Inline
638
+ --------------------*/
645
639
 
646
640
  .ui.inline.loader {
647
641
  position: relative;
@@ -688,8 +682,8 @@
688
682
  }
689
683
 
690
684
  /*-------------------
691
- Elastic
692
- --------------------*/
685
+ Elastic
686
+ --------------------*/
693
687
 
694
688
  .ui.dimmer > .ui.elastic.loader {
695
689
  color: #FFFFFF;