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
@@ -122,12 +122,6 @@
|
|
122
122
|
margin-top: 0.5em;
|
123
123
|
}
|
124
124
|
|
125
|
-
/* Header Image + 2 Lines */
|
126
|
-
.ui.placeholder .header {
|
127
|
-
position: relative;
|
128
|
-
overflow: hidden;
|
129
|
-
}
|
130
|
-
|
131
125
|
/* Line Outdent */
|
132
126
|
.ui.placeholder .line:nth-child(1):after {
|
133
127
|
width: 0;
|
@@ -145,6 +139,12 @@
|
|
145
139
|
width: 65%;
|
146
140
|
}
|
147
141
|
|
142
|
+
/* Header Image + 2 Lines */
|
143
|
+
.ui.placeholder .header {
|
144
|
+
position: relative;
|
145
|
+
overflow: hidden;
|
146
|
+
}
|
147
|
+
|
148
148
|
/* Header Line 1 & 2*/
|
149
149
|
.ui.placeholder .header .line {
|
150
150
|
margin-bottom: 0.64285714em;
|
@@ -234,8 +234,8 @@
|
|
234
234
|
}
|
235
235
|
|
236
236
|
/*-------------------
|
237
|
-
|
238
|
-
--------------------*/
|
237
|
+
Fluid
|
238
|
+
--------------------*/
|
239
239
|
|
240
240
|
.ui.fluid.placeholder {
|
241
241
|
max-width: none;
|
@@ -39,8 +39,8 @@
|
|
39
39
|
|
40
40
|
|
41
41
|
/*--------------
|
42
|
-
|
43
|
-
---------------*/
|
42
|
+
Internal
|
43
|
+
---------------*/
|
44
44
|
|
45
45
|
.ui.left.internal.rail {
|
46
46
|
left: 0;
|
@@ -56,8 +56,8 @@
|
|
56
56
|
}
|
57
57
|
|
58
58
|
/*--------------
|
59
|
-
|
60
|
-
---------------*/
|
59
|
+
Dividing
|
60
|
+
---------------*/
|
61
61
|
|
62
62
|
.ui.dividing.rail {
|
63
63
|
width: 302.5px;
|
@@ -74,8 +74,8 @@
|
|
74
74
|
}
|
75
75
|
|
76
76
|
/*--------------
|
77
|
-
|
78
|
-
---------------*/
|
77
|
+
Distance
|
78
|
+
---------------*/
|
79
79
|
|
80
80
|
.ui.close.rail {
|
81
81
|
width: calc(300px + 1em);
|
@@ -101,8 +101,8 @@
|
|
101
101
|
}
|
102
102
|
|
103
103
|
/*--------------
|
104
|
-
|
105
|
-
---------------*/
|
104
|
+
Attached
|
105
|
+
---------------*/
|
106
106
|
|
107
107
|
.ui.attached.left.rail,
|
108
108
|
.ui.attached.right.rail {
|
@@ -114,6 +114,9 @@
|
|
114
114
|
Sizing
|
115
115
|
---------------*/
|
116
116
|
|
117
|
+
.ui.rail {
|
118
|
+
font-size: 1rem;
|
119
|
+
}
|
117
120
|
.ui.mini.rail {
|
118
121
|
font-size: 0.78571429rem;
|
119
122
|
}
|
@@ -123,9 +126,6 @@
|
|
123
126
|
.ui.small.rail {
|
124
127
|
font-size: 0.92857143rem;
|
125
128
|
}
|
126
|
-
.ui.rail {
|
127
|
-
font-size: 1rem;
|
128
|
-
}
|
129
129
|
.ui.large.rail {
|
130
130
|
font-size: 1.14285714rem;
|
131
131
|
}
|
@@ -16,7 +16,7 @@
|
|
16
16
|
.ui.reveal {
|
17
17
|
display: inherit;
|
18
18
|
position: relative !important;
|
19
|
-
font-size: 0
|
19
|
+
font-size: 0;
|
20
20
|
}
|
21
21
|
.ui.reveal > .visible.content {
|
22
22
|
position: absolute !important;
|
@@ -44,8 +44,8 @@
|
|
44
44
|
|
45
45
|
|
46
46
|
/*--------------
|
47
|
-
|
48
|
-
---------------*/
|
47
|
+
Slide
|
48
|
+
---------------*/
|
49
49
|
|
50
50
|
.ui.slide.reveal {
|
51
51
|
position: relative !important;
|
@@ -131,8 +131,8 @@
|
|
131
131
|
}
|
132
132
|
|
133
133
|
/*--------------
|
134
|
-
|
135
|
-
---------------*/
|
134
|
+
Fade
|
135
|
+
---------------*/
|
136
136
|
|
137
137
|
.ui.fade.reveal > .visible.content {
|
138
138
|
opacity: 1;
|
@@ -143,8 +143,8 @@
|
|
143
143
|
}
|
144
144
|
|
145
145
|
/*--------------
|
146
|
-
|
147
|
-
---------------*/
|
146
|
+
Move
|
147
|
+
---------------*/
|
148
148
|
|
149
149
|
.ui.move.reveal {
|
150
150
|
position: relative !important;
|
@@ -191,8 +191,8 @@
|
|
191
191
|
}
|
192
192
|
|
193
193
|
/*--------------
|
194
|
-
|
195
|
-
---------------*/
|
194
|
+
Rotate
|
195
|
+
---------------*/
|
196
196
|
|
197
197
|
.ui.rotate.reveal > .visible.content {
|
198
198
|
-webkit-transition-duration: 0.5s;
|
@@ -279,7 +279,28 @@
|
|
279
279
|
---------------*/
|
280
280
|
|
281
281
|
.ui.reveal > .content {
|
282
|
-
font-size: 1rem
|
282
|
+
font-size: 1rem;
|
283
|
+
}
|
284
|
+
.ui.mini.reveal > .content {
|
285
|
+
font-size: 0.78571429rem;
|
286
|
+
}
|
287
|
+
.ui.tiny.reveal > .content {
|
288
|
+
font-size: 0.85714286rem;
|
289
|
+
}
|
290
|
+
.ui.small.reveal > .content {
|
291
|
+
font-size: 0.92857143rem;
|
292
|
+
}
|
293
|
+
.ui.large.reveal > .content {
|
294
|
+
font-size: 1.14285714rem;
|
295
|
+
}
|
296
|
+
.ui.big.reveal > .content {
|
297
|
+
font-size: 1.28571429rem;
|
298
|
+
}
|
299
|
+
.ui.huge.reveal > .content {
|
300
|
+
font-size: 1.42857143rem;
|
301
|
+
}
|
302
|
+
.ui.massive.reveal > .content {
|
303
|
+
font-size: 1.71428571rem;
|
283
304
|
}
|
284
305
|
|
285
306
|
|
@@ -110,8 +110,8 @@
|
|
110
110
|
|
111
111
|
|
112
112
|
/*-------------------
|
113
|
-
|
114
|
-
--------------------*/
|
113
|
+
Placeholder
|
114
|
+
--------------------*/
|
115
115
|
|
116
116
|
.ui.placeholder.segment {
|
117
117
|
display: -webkit-box;
|
@@ -172,8 +172,8 @@
|
|
172
172
|
}
|
173
173
|
|
174
174
|
/*-------------------
|
175
|
-
|
176
|
-
--------------------*/
|
175
|
+
Piled
|
176
|
+
--------------------*/
|
177
177
|
|
178
178
|
.ui.piled.segments,
|
179
179
|
.ui.piled.segment {
|
@@ -236,8 +236,8 @@
|
|
236
236
|
}
|
237
237
|
|
238
238
|
/*-------------------
|
239
|
-
|
240
|
-
--------------------*/
|
239
|
+
Stacked
|
240
|
+
--------------------*/
|
241
241
|
|
242
242
|
.ui.stacked.segment {
|
243
243
|
padding-bottom: 1.4em;
|
@@ -278,8 +278,8 @@
|
|
278
278
|
}
|
279
279
|
|
280
280
|
/*-------------------
|
281
|
-
|
282
|
-
--------------------*/
|
281
|
+
Padded
|
282
|
+
--------------------*/
|
283
283
|
|
284
284
|
.ui.padded.segment {
|
285
285
|
padding: 1.5em;
|
@@ -296,8 +296,8 @@
|
|
296
296
|
}
|
297
297
|
|
298
298
|
/*-------------------
|
299
|
-
|
300
|
-
--------------------*/
|
299
|
+
Compact
|
300
|
+
--------------------*/
|
301
301
|
|
302
302
|
.ui.compact.segment {
|
303
303
|
display: table;
|
@@ -318,8 +318,8 @@
|
|
318
318
|
}
|
319
319
|
|
320
320
|
/*-------------------
|
321
|
-
|
322
|
-
--------------------*/
|
321
|
+
Circular
|
322
|
+
--------------------*/
|
323
323
|
|
324
324
|
.ui.circular.segment {
|
325
325
|
display: table-cell;
|
@@ -330,8 +330,8 @@
|
|
330
330
|
}
|
331
331
|
|
332
332
|
/*-------------------
|
333
|
-
|
334
|
-
--------------------*/
|
333
|
+
Raised
|
334
|
+
--------------------*/
|
335
335
|
|
336
336
|
.ui.raised.raised.segments,
|
337
337
|
.ui.raised.raised.segment {
|
@@ -341,8 +341,8 @@
|
|
341
341
|
|
342
342
|
|
343
343
|
/*******************************
|
344
|
-
|
345
|
-
*******************************/
|
344
|
+
Groups
|
345
|
+
*******************************/
|
346
346
|
|
347
347
|
|
348
348
|
/* Group */
|
@@ -480,8 +480,8 @@
|
|
480
480
|
|
481
481
|
|
482
482
|
/*--------------
|
483
|
-
|
484
|
-
---------------*/
|
483
|
+
Disabled
|
484
|
+
---------------*/
|
485
485
|
|
486
486
|
.ui.disabled.segment {
|
487
487
|
opacity: 0.45;
|
@@ -489,8 +489,8 @@
|
|
489
489
|
}
|
490
490
|
|
491
491
|
/*--------------
|
492
|
-
|
493
|
-
---------------*/
|
492
|
+
Loading
|
493
|
+
---------------*/
|
494
494
|
|
495
495
|
.ui.loading.segment {
|
496
496
|
position: relative;
|
@@ -536,8 +536,8 @@
|
|
536
536
|
|
537
537
|
|
538
538
|
/*-------------------
|
539
|
-
|
540
|
-
--------------------*/
|
539
|
+
Basic
|
540
|
+
--------------------*/
|
541
541
|
|
542
542
|
.ui.basic.segment,
|
543
543
|
.ui.segments .ui.basic.segment,
|
@@ -550,8 +550,8 @@
|
|
550
550
|
}
|
551
551
|
|
552
552
|
/*-------------------
|
553
|
-
|
554
|
-
--------------------*/
|
553
|
+
Clearing
|
554
|
+
--------------------*/
|
555
555
|
|
556
556
|
.ui.clearing.segment:after {
|
557
557
|
content: "";
|
@@ -656,8 +656,8 @@
|
|
656
656
|
}
|
657
657
|
|
658
658
|
/*-------------------
|
659
|
-
|
660
|
-
--------------------*/
|
659
|
+
Aligned
|
660
|
+
--------------------*/
|
661
661
|
|
662
662
|
.ui[class*="left aligned"].segment {
|
663
663
|
text-align: left;
|
@@ -670,8 +670,8 @@
|
|
670
670
|
}
|
671
671
|
|
672
672
|
/*-------------------
|
673
|
-
|
674
|
-
--------------------*/
|
673
|
+
Floated
|
674
|
+
--------------------*/
|
675
675
|
|
676
676
|
.ui.floated.segment,
|
677
677
|
.ui[class*="left floated"].segment {
|
@@ -684,8 +684,8 @@
|
|
684
684
|
}
|
685
685
|
|
686
686
|
/*-------------------
|
687
|
-
|
688
|
-
--------------------*/
|
687
|
+
Inverted
|
688
|
+
--------------------*/
|
689
689
|
|
690
690
|
.ui.inverted.segment {
|
691
691
|
border: none;
|
@@ -749,8 +749,8 @@
|
|
749
749
|
}
|
750
750
|
|
751
751
|
/*-------------------
|
752
|
-
|
753
|
-
--------------------*/
|
752
|
+
Attached
|
753
|
+
--------------------*/
|
754
754
|
|
755
755
|
|
756
756
|
/* Middle */
|
@@ -796,8 +796,8 @@
|
|
796
796
|
}
|
797
797
|
|
798
798
|
/*--------------
|
799
|
-
|
800
|
-
---------------*/
|
799
|
+
Fitted
|
800
|
+
---------------*/
|
801
801
|
|
802
802
|
.ui.fitted.segment:not(.horizontally) {
|
803
803
|
padding-top: 0;
|
@@ -812,6 +812,10 @@
|
|
812
812
|
Size
|
813
813
|
--------------------*/
|
814
814
|
|
815
|
+
.ui.segments .segment,
|
816
|
+
.ui.segment {
|
817
|
+
font-size: 1rem;
|
818
|
+
}
|
815
819
|
.ui.mini.segments .segment,
|
816
820
|
.ui.mini.segment {
|
817
821
|
font-size: 0.78571429rem;
|
@@ -824,10 +828,6 @@
|
|
824
828
|
.ui.small.segment {
|
825
829
|
font-size: 0.92857143rem;
|
826
830
|
}
|
827
|
-
.ui.segments .segment,
|
828
|
-
.ui.segment {
|
829
|
-
font-size: 1rem;
|
830
|
-
}
|
831
831
|
.ui.large.segments .segment,
|
832
832
|
.ui.large.segment {
|
833
833
|
font-size: 1.14285714rem;
|
@@ -96,7 +96,6 @@
|
|
96
96
|
content: '';
|
97
97
|
top: 50%;
|
98
98
|
right: 0;
|
99
|
-
border: medium none;
|
100
99
|
background-color: #FFFFFF;
|
101
100
|
width: 1.14285714em;
|
102
101
|
height: 1.14285714em;
|
@@ -192,8 +191,8 @@
|
|
192
191
|
|
193
192
|
|
194
193
|
/*--------------
|
195
|
-
|
196
|
-
---------------*/
|
194
|
+
Ordered
|
195
|
+
---------------*/
|
197
196
|
|
198
197
|
.ui.ordered.steps {
|
199
198
|
counter-reset: ordered;
|
@@ -218,8 +217,8 @@
|
|
218
217
|
}
|
219
218
|
|
220
219
|
/*--------------
|
221
|
-
|
222
|
-
---------------*/
|
220
|
+
Vertical
|
221
|
+
---------------*/
|
223
222
|
|
224
223
|
.ui.vertical.steps {
|
225
224
|
display: -webkit-inline-box;
|
@@ -422,8 +421,8 @@
|
|
422
421
|
|
423
422
|
|
424
423
|
/*--------------
|
425
|
-
|
426
|
-
---------------*/
|
424
|
+
Stackable
|
425
|
+
---------------*/
|
427
426
|
|
428
427
|
|
429
428
|
/* Tablet Or Below */
|
@@ -481,8 +480,8 @@
|
|
481
480
|
}
|
482
481
|
|
483
482
|
/*--------------
|
484
|
-
|
485
|
-
---------------*/
|
483
|
+
Fluid
|
484
|
+
---------------*/
|
486
485
|
|
487
486
|
|
488
487
|
/* Fluid */
|
@@ -494,8 +493,8 @@
|
|
494
493
|
}
|
495
494
|
|
496
495
|
/*--------------
|
497
|
-
|
498
|
-
---------------*/
|
496
|
+
Attached
|
497
|
+
---------------*/
|
499
498
|
|
500
499
|
|
501
500
|
/* Top */
|
@@ -578,6 +577,10 @@
|
|
578
577
|
Sizes
|
579
578
|
--------------------*/
|
580
579
|
|
580
|
+
.ui.steps .step,
|
581
|
+
.ui.step {
|
582
|
+
font-size: 1rem;
|
583
|
+
}
|
581
584
|
.ui.mini.steps .step,
|
582
585
|
.ui.mini.step {
|
583
586
|
font-size: 0.78571429rem;
|
@@ -590,10 +593,6 @@
|
|
590
593
|
.ui.small.step {
|
591
594
|
font-size: 0.92857143rem;
|
592
595
|
}
|
593
|
-
.ui.steps .step,
|
594
|
-
.ui.step {
|
595
|
-
font-size: 1rem;
|
596
|
-
}
|
597
596
|
.ui.large.steps .step,
|
598
597
|
.ui.large.step {
|
599
598
|
font-size: 1.14285714rem;
|
@@ -612,8 +611,8 @@
|
|
612
611
|
}
|
613
612
|
|
614
613
|
/*--------------
|
615
|
-
|
616
|
-
---------------*/
|
614
|
+
Inverted
|
615
|
+
---------------*/
|
617
616
|
|
618
617
|
.ui.inverted.steps {
|
619
618
|
border: 1px solid #555555;
|