fomantic-ui-sass 2.7.8 → 2.8.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +83 -29
- data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +59 -41
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +3 -3
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/api.js +1 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +103 -27
- data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
- data/app/assets/javascripts/semantic-ui/dropdown.js +93 -71
- data/app/assets/javascripts/semantic-ui/form.js +69 -22
- data/app/assets/javascripts/semantic-ui/modal.js +104 -33
- data/app/assets/javascripts/semantic-ui/popup.js +10 -10
- 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/search.js +2 -2
- 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 +398 -122
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +779 -142
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +101 -145
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1009 -208
- 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 +12309 -0
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +105 -34
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +211 -62
- 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 +39 -39
- 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 +15 -124
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +30 -30
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +183 -111
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +128 -30
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +105 -79
- 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 +3 -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/fomantic-ui-sass.gemspec +2 -2
- data/lib/fomantic-ui-sass.rb +2 -2
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/spec/dummy/app/assets/config/manifest.js +0 -0
- metadata +12 -9
@@ -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;
|