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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/api.js +1 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +41 -18
- data/app/assets/javascripts/semantic-ui/dropdown.js +58 -33
- data/app/assets/javascripts/semantic-ui/form.js +9 -4
- data/app/assets/javascripts/semantic-ui/modal.js +96 -33
- data/app/assets/javascripts/semantic-ui/popup.js +8 -8
- data/app/assets/javascripts/semantic-ui/progress.js +10 -8
- data/app/assets/javascripts/semantic-ui/rating.js +35 -6
- data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
- data/app/assets/javascripts/semantic-ui/slider.js +78 -29
- data/app/assets/javascripts/semantic-ui/tab.js +1 -1
- data/app/assets/javascripts/semantic-ui/toast.js +395 -121
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +741 -143
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -117
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +976 -191
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12312 -0
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +70 -31
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +218 -69
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +38 -38
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +14 -124
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +21 -21
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +181 -110
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +121 -30
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +71 -72
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +2 -1
@@ -322,8 +322,8 @@ a.ui.label {
|
|
322
322
|
}
|
323
323
|
|
324
324
|
/*-------------------
|
325
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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.
|
921
|
-
font-size:
|
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.
|
945
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
229
|
-
|
230
|
-
|
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
|
-
|
254
|
-
.
|
255
|
-
|
256
|
-
|
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
|
-
|
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
|
-
|
692
|
-
--------------------*/
|
685
|
+
Elastic
|
686
|
+
--------------------*/
|
693
687
|
|
694
688
|
.ui.dimmer > .ui.elastic.loader {
|
695
689
|
color: #FFFFFF;
|