fomantic-ui-sass 2.7.8 → 2.8.1

Sign up to get free protection for your applications and to get access to all the features.
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;