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
@@ -173,8 +173,8 @@
|
|
173
173
|
}
|
174
174
|
|
175
175
|
/*-------------------
|
176
|
-
|
177
|
-
--------------------*/
|
176
|
+
Disabled
|
177
|
+
--------------------*/
|
178
178
|
|
179
179
|
.ui.buttons .disabled.button:not(.basic),
|
180
180
|
.ui.disabled.button,
|
@@ -201,8 +201,8 @@
|
|
201
201
|
|
202
202
|
|
203
203
|
/*-------------------
|
204
|
-
|
205
|
-
--------------------*/
|
204
|
+
Animated
|
205
|
+
--------------------*/
|
206
206
|
|
207
207
|
.ui.animated.button {
|
208
208
|
position: relative;
|
@@ -320,8 +320,8 @@
|
|
320
320
|
}
|
321
321
|
|
322
322
|
/*-------------------
|
323
|
-
|
324
|
-
--------------------*/
|
323
|
+
Inverted
|
324
|
+
--------------------*/
|
325
325
|
|
326
326
|
.ui.inverted.button {
|
327
327
|
-webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
|
@@ -373,8 +373,8 @@
|
|
373
373
|
}
|
374
374
|
|
375
375
|
/*-------------------
|
376
|
-
|
377
|
-
--------------------*/
|
376
|
+
Labeled Button
|
377
|
+
--------------------*/
|
378
378
|
|
379
379
|
.ui.labeled.button:not(.icon) {
|
380
380
|
display: -webkit-inline-box;
|
@@ -433,8 +433,8 @@
|
|
433
433
|
}
|
434
434
|
|
435
435
|
/*-------------------
|
436
|
-
|
437
|
-
--------------------*/
|
436
|
+
Social
|
437
|
+
--------------------*/
|
438
438
|
|
439
439
|
|
440
440
|
/* Facebook */
|
@@ -653,8 +653,8 @@
|
|
653
653
|
|
654
654
|
|
655
655
|
/*-------------------
|
656
|
-
|
657
|
-
--------------------*/
|
656
|
+
Floated
|
657
|
+
--------------------*/
|
658
658
|
|
659
659
|
.ui[class*="left floated"].buttons,
|
660
660
|
.ui[class*="left floated"].button {
|
@@ -670,8 +670,8 @@
|
|
670
670
|
}
|
671
671
|
|
672
672
|
/*-------------------
|
673
|
-
|
674
|
-
--------------------*/
|
673
|
+
Compact
|
674
|
+
--------------------*/
|
675
675
|
|
676
676
|
.ui.compact.buttons .button,
|
677
677
|
.ui.compact.button {
|
@@ -694,91 +694,61 @@
|
|
694
694
|
Sizes
|
695
695
|
--------------------*/
|
696
696
|
|
697
|
+
.ui.buttons .button,
|
698
|
+
.ui.buttons .or,
|
699
|
+
.ui.button {
|
700
|
+
font-size: 1rem;
|
701
|
+
}
|
702
|
+
.ui.mini.buttons .dropdown,
|
703
|
+
.ui.mini.buttons .dropdown .menu > .item,
|
697
704
|
.ui.mini.buttons .button,
|
698
705
|
.ui.mini.buttons .or,
|
699
706
|
.ui.ui.ui.ui.mini.button {
|
700
707
|
font-size: 0.78571429rem;
|
701
708
|
}
|
709
|
+
.ui.tiny.buttons .dropdown,
|
710
|
+
.ui.tiny.buttons .dropdown .menu > .item,
|
702
711
|
.ui.tiny.buttons .button,
|
703
712
|
.ui.tiny.buttons .or,
|
704
713
|
.ui.ui.ui.ui.tiny.button {
|
705
714
|
font-size: 0.85714286rem;
|
706
715
|
}
|
716
|
+
.ui.small.buttons .dropdown,
|
717
|
+
.ui.small.buttons .dropdown .menu > .item,
|
707
718
|
.ui.small.buttons .button,
|
708
719
|
.ui.small.buttons .or,
|
709
720
|
.ui.ui.ui.ui.small.button {
|
710
721
|
font-size: 0.92857143rem;
|
711
722
|
}
|
712
|
-
.ui.buttons .
|
713
|
-
.ui.buttons .
|
714
|
-
.ui.button {
|
715
|
-
font-size: 1rem;
|
716
|
-
}
|
723
|
+
.ui.large.buttons .dropdown,
|
724
|
+
.ui.large.buttons .dropdown .menu > .item,
|
717
725
|
.ui.large.buttons .button,
|
718
726
|
.ui.large.buttons .or,
|
719
727
|
.ui.ui.ui.ui.large.button {
|
720
728
|
font-size: 1.14285714rem;
|
721
729
|
}
|
730
|
+
.ui.big.buttons .dropdown,
|
731
|
+
.ui.big.buttons .dropdown .menu > .item,
|
722
732
|
.ui.big.buttons .button,
|
723
733
|
.ui.big.buttons .or,
|
724
734
|
.ui.ui.ui.ui.big.button {
|
725
735
|
font-size: 1.28571429rem;
|
726
736
|
}
|
737
|
+
.ui.huge.buttons .dropdown,
|
738
|
+
.ui.huge.buttons .dropdown .menu > .item,
|
727
739
|
.ui.huge.buttons .button,
|
728
740
|
.ui.huge.buttons .or,
|
729
741
|
.ui.ui.ui.ui.huge.button {
|
730
742
|
font-size: 1.42857143rem;
|
731
743
|
}
|
744
|
+
.ui.massive.buttons .dropdown,
|
745
|
+
.ui.massive.buttons .dropdown .menu > .item,
|
732
746
|
.ui.massive.buttons .button,
|
733
747
|
.ui.massive.buttons .or,
|
734
748
|
.ui.ui.ui.ui.massive.button {
|
735
749
|
font-size: 1.71428571rem;
|
736
750
|
}
|
737
751
|
|
738
|
-
/* Dropdown coupled buttons sizes */
|
739
|
-
.ui.mini.buttons .dropdown {
|
740
|
-
font-size: 0.78571429rem;
|
741
|
-
}
|
742
|
-
.ui.mini.buttons .dropdown .menu > .item {
|
743
|
-
font-size: 0.78571429rem;
|
744
|
-
}
|
745
|
-
.ui.tiny.buttons .dropdown {
|
746
|
-
font-size: 0.85714286rem;
|
747
|
-
}
|
748
|
-
.ui.tiny.buttons .dropdown .menu > .item {
|
749
|
-
font-size: 0.85714286rem;
|
750
|
-
}
|
751
|
-
.ui.small.buttons .dropdown {
|
752
|
-
font-size: 0.92857143rem;
|
753
|
-
}
|
754
|
-
.ui.small.buttons .dropdown .menu > .item {
|
755
|
-
font-size: 0.92857143rem;
|
756
|
-
}
|
757
|
-
.ui.large.buttons .dropdown {
|
758
|
-
font-size: 1.14285714rem;
|
759
|
-
}
|
760
|
-
.ui.large.buttons .dropdown .menu > .item {
|
761
|
-
font-size: 1.14285714rem;
|
762
|
-
}
|
763
|
-
.ui.big.buttons .dropdown {
|
764
|
-
font-size: 1.28571429rem;
|
765
|
-
}
|
766
|
-
.ui.big.buttons .dropdown .menu > .item {
|
767
|
-
font-size: 1.28571429rem;
|
768
|
-
}
|
769
|
-
.ui.huge.buttons .dropdown {
|
770
|
-
font-size: 1.42857143rem;
|
771
|
-
}
|
772
|
-
.ui.huge.buttons .dropdown .menu > .item {
|
773
|
-
font-size: 1.42857143rem;
|
774
|
-
}
|
775
|
-
.ui.massive.buttons .dropdown {
|
776
|
-
font-size: 1.71428571rem;
|
777
|
-
}
|
778
|
-
.ui.massive.buttons .dropdown .menu > .item {
|
779
|
-
font-size: 1.71428571rem;
|
780
|
-
}
|
781
|
-
|
782
752
|
/*--------------
|
783
753
|
Icon Only
|
784
754
|
---------------*/
|
@@ -795,8 +765,8 @@
|
|
795
765
|
}
|
796
766
|
|
797
767
|
/*-------------------
|
798
|
-
|
799
|
-
--------------------*/
|
768
|
+
Basic
|
769
|
+
--------------------*/
|
800
770
|
|
801
771
|
.ui.basic.buttons .button,
|
802
772
|
.ui.basic.button {
|
@@ -923,8 +893,8 @@
|
|
923
893
|
}
|
924
894
|
|
925
895
|
/*-------------------
|
926
|
-
|
927
|
-
--------------------*/
|
896
|
+
Tertiary
|
897
|
+
--------------------*/
|
928
898
|
|
929
899
|
|
930
900
|
/* Overline Mixin */
|
@@ -960,8 +930,8 @@
|
|
960
930
|
}
|
961
931
|
|
962
932
|
/*--------------
|
963
|
-
|
964
|
-
---------------*/
|
933
|
+
Labeled Icon
|
934
|
+
---------------*/
|
965
935
|
|
966
936
|
.ui.labeled.icon.buttons .button,
|
967
937
|
.ui.labeled.icon.button {
|
@@ -1044,8 +1014,8 @@
|
|
1044
1014
|
}
|
1045
1015
|
|
1046
1016
|
/*--------------
|
1047
|
-
|
1048
|
-
---------------*/
|
1017
|
+
Toggle
|
1018
|
+
---------------*/
|
1049
1019
|
|
1050
1020
|
|
1051
1021
|
/* Toggle (Modifies active state to give affordances) */
|
@@ -1065,8 +1035,8 @@
|
|
1065
1035
|
}
|
1066
1036
|
|
1067
1037
|
/*--------------
|
1068
|
-
|
1069
|
-
---------------*/
|
1038
|
+
Circular
|
1039
|
+
---------------*/
|
1070
1040
|
|
1071
1041
|
.ui.circular.button {
|
1072
1042
|
border-radius: 10em;
|
@@ -1077,8 +1047,8 @@
|
|
1077
1047
|
}
|
1078
1048
|
|
1079
1049
|
/*-------------------
|
1080
|
-
|
1081
|
-
--------------------*/
|
1050
|
+
Or Buttons
|
1051
|
+
--------------------*/
|
1082
1052
|
|
1083
1053
|
.ui.buttons .or {
|
1084
1054
|
position: relative;
|
@@ -1119,8 +1089,8 @@
|
|
1119
1089
|
}
|
1120
1090
|
|
1121
1091
|
/*-------------------
|
1122
|
-
|
1123
|
-
--------------------*/
|
1092
|
+
Attached
|
1093
|
+
--------------------*/
|
1124
1094
|
|
1125
1095
|
|
1126
1096
|
/* Singular */
|
@@ -1235,8 +1205,8 @@
|
|
1235
1205
|
}
|
1236
1206
|
|
1237
1207
|
/*-------------------
|
1238
|
-
|
1239
|
-
--------------------*/
|
1208
|
+
Fluid
|
1209
|
+
--------------------*/
|
1240
1210
|
|
1241
1211
|
.ui.fluid.buttons,
|
1242
1212
|
.ui.fluid.button {
|
@@ -4305,8 +4275,8 @@
|
|
4305
4275
|
|
4306
4276
|
|
4307
4277
|
/*******************************
|
4308
|
-
|
4309
|
-
*******************************/
|
4278
|
+
Groups
|
4279
|
+
*******************************/
|
4310
4280
|
|
4311
4281
|
.ui.buttons {
|
4312
4282
|
display: -webkit-inline-box;
|
@@ -27,13 +27,13 @@
|
|
27
27
|
margin-left: 1em;
|
28
28
|
margin-right: 1em;
|
29
29
|
}
|
30
|
-
.ui.ui.grid.container {
|
30
|
+
.ui.ui.ui.grid.container {
|
31
31
|
width: auto;
|
32
32
|
}
|
33
|
-
.ui.ui.relaxed.grid.container {
|
33
|
+
.ui.ui.ui.relaxed.grid.container {
|
34
34
|
width: auto;
|
35
35
|
}
|
36
|
-
.ui.ui.very.relaxed.grid.container {
|
36
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
37
37
|
width: auto;
|
38
38
|
}
|
39
39
|
}
|
@@ -45,13 +45,13 @@
|
|
45
45
|
margin-left: auto;
|
46
46
|
margin-right: auto;
|
47
47
|
}
|
48
|
-
.ui.ui.grid.container {
|
48
|
+
.ui.ui.ui.grid.container {
|
49
49
|
width: calc(723px + 2rem);
|
50
50
|
}
|
51
|
-
.ui.ui.relaxed.grid.container {
|
51
|
+
.ui.ui.ui.relaxed.grid.container {
|
52
52
|
width: calc(723px + 3rem);
|
53
53
|
}
|
54
|
-
.ui.ui.very.relaxed.grid.container {
|
54
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
55
55
|
width: calc(723px + 5rem);
|
56
56
|
}
|
57
57
|
}
|
@@ -63,13 +63,13 @@
|
|
63
63
|
margin-left: auto;
|
64
64
|
margin-right: auto;
|
65
65
|
}
|
66
|
-
.ui.ui.grid.container {
|
66
|
+
.ui.ui.ui.grid.container {
|
67
67
|
width: calc(933px + 2rem);
|
68
68
|
}
|
69
|
-
.ui.ui.relaxed.grid.container {
|
69
|
+
.ui.ui.ui.relaxed.grid.container {
|
70
70
|
width: calc(933px + 3rem);
|
71
71
|
}
|
72
|
-
.ui.ui.very.relaxed.grid.container {
|
72
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
73
73
|
width: calc(933px + 5rem);
|
74
74
|
}
|
75
75
|
}
|
@@ -81,13 +81,13 @@
|
|
81
81
|
margin-left: auto;
|
82
82
|
margin-right: auto;
|
83
83
|
}
|
84
|
-
.ui.ui.grid.container {
|
84
|
+
.ui.ui.ui.grid.container {
|
85
85
|
width: calc(1127px + 2rem);
|
86
86
|
}
|
87
|
-
.ui.ui.relaxed.grid.container {
|
87
|
+
.ui.ui.ui.relaxed.grid.container {
|
88
88
|
width: calc(1127px + 3rem);
|
89
89
|
}
|
90
|
-
.ui.ui.very.relaxed.grid.container {
|
90
|
+
.ui.ui.ui.very.relaxed.grid.container {
|
91
91
|
width: calc(1127px + 5rem);
|
92
92
|
}
|
93
93
|
}
|
@@ -49,8 +49,8 @@
|
|
49
49
|
}
|
50
50
|
|
51
51
|
/*--------------
|
52
|
-
|
53
|
-
---------------*/
|
52
|
+
Horizontal
|
53
|
+
---------------*/
|
54
54
|
|
55
55
|
.ui.horizontal.divider {
|
56
56
|
display: table;
|
@@ -77,8 +77,8 @@
|
|
77
77
|
}
|
78
78
|
|
79
79
|
/*--------------
|
80
|
-
|
81
|
-
---------------*/
|
80
|
+
Vertical
|
81
|
+
---------------*/
|
82
82
|
|
83
83
|
.ui.vertical.divider {
|
84
84
|
position: absolute;
|
@@ -155,8 +155,8 @@
|
|
155
155
|
}
|
156
156
|
|
157
157
|
/*--------------
|
158
|
-
|
159
|
-
---------------*/
|
158
|
+
Icon
|
159
|
+
---------------*/
|
160
160
|
|
161
161
|
.ui.divider > .icon {
|
162
162
|
margin: 0;
|
@@ -166,8 +166,8 @@
|
|
166
166
|
}
|
167
167
|
|
168
168
|
/*--------------
|
169
|
-
|
170
|
-
---------------*/
|
169
|
+
Header
|
170
|
+
---------------*/
|
171
171
|
|
172
172
|
.ui.horizontal.divider[class*="left aligned"]:before {
|
173
173
|
display: none;
|
@@ -189,8 +189,8 @@
|
|
189
189
|
|
190
190
|
|
191
191
|
/*--------------
|
192
|
-
|
193
|
-
---------------*/
|
192
|
+
Hidden
|
193
|
+
---------------*/
|
194
194
|
|
195
195
|
.ui.hidden.divider {
|
196
196
|
border-color: transparent !important;
|
@@ -227,16 +227,16 @@
|
|
227
227
|
}
|
228
228
|
|
229
229
|
/*--------------
|
230
|
-
|
231
|
-
---------------*/
|
230
|
+
Clearing
|
231
|
+
---------------*/
|
232
232
|
|
233
233
|
.ui.clearing.divider {
|
234
234
|
clear: both;
|
235
235
|
}
|
236
236
|
|
237
237
|
/*--------------
|
238
|
-
|
239
|
-
---------------*/
|
238
|
+
Section
|
239
|
+
---------------*/
|
240
240
|
|
241
241
|
.ui.section.divider {
|
242
242
|
margin-top: 2rem;
|
@@ -250,6 +250,27 @@
|
|
250
250
|
.ui.divider {
|
251
251
|
font-size: 1rem;
|
252
252
|
}
|
253
|
+
.ui.mini.divider {
|
254
|
+
font-size: 0.78571429rem;
|
255
|
+
}
|
256
|
+
.ui.tiny.divider {
|
257
|
+
font-size: 0.85714286rem;
|
258
|
+
}
|
259
|
+
.ui.small.divider {
|
260
|
+
font-size: 0.92857143rem;
|
261
|
+
}
|
262
|
+
.ui.large.divider {
|
263
|
+
font-size: 1.14285714rem;
|
264
|
+
}
|
265
|
+
.ui.big.divider {
|
266
|
+
font-size: 1.28571429rem;
|
267
|
+
}
|
268
|
+
.ui.huge.divider {
|
269
|
+
font-size: 1.42857143rem;
|
270
|
+
}
|
271
|
+
.ui.massive.divider {
|
272
|
+
font-size: 1.71428571rem;
|
273
|
+
}
|
253
274
|
|
254
275
|
|
255
276
|
/*******************************
|