fomantic-ui-sass 2.8.8 → 2.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -0
- data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.svg +41 -6
- 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 +245 -7
- 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 +2 -2
- 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/accordion.js +9 -3
- data/app/assets/javascripts/semantic-ui/api.js +92 -33
- data/app/assets/javascripts/semantic-ui/calendar.js +200 -82
- data/app/assets/javascripts/semantic-ui/checkbox.js +20 -13
- data/app/assets/javascripts/semantic-ui/dimmer.js +24 -9
- data/app/assets/javascripts/semantic-ui/dropdown.js +250 -205
- data/app/assets/javascripts/semantic-ui/embed.js +13 -9
- data/app/assets/javascripts/semantic-ui/flyout.js +1530 -0
- data/app/assets/javascripts/semantic-ui/form.js +47 -41
- data/app/assets/javascripts/semantic-ui/modal.js +187 -83
- data/app/assets/javascripts/semantic-ui/nag.js +2 -2
- data/app/assets/javascripts/semantic-ui/popup.js +16 -22
- data/app/assets/javascripts/semantic-ui/progress.js +7 -4
- data/app/assets/javascripts/semantic-ui/rating.js +7 -3
- data/app/assets/javascripts/semantic-ui/search.js +47 -20
- data/app/assets/javascripts/semantic-ui/shape.js +3 -3
- data/app/assets/javascripts/semantic-ui/sidebar.js +140 -43
- data/app/assets/javascripts/semantic-ui/site.js +1 -1
- data/app/assets/javascripts/semantic-ui/slider.js +78 -63
- data/app/assets/javascripts/semantic-ui/state.js +2 -2
- data/app/assets/javascripts/semantic-ui/sticky.js +30 -19
- data/app/assets/javascripts/semantic-ui/tab.js +24 -6
- data/app/assets/javascripts/semantic-ui/toast.js +67 -33
- data/app/assets/javascripts/semantic-ui/transition.js +27 -22
- data/app/assets/javascripts/semantic-ui/visibility.js +5 -5
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +160 -83
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +25 -21
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +110 -78
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -43
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1684 -272
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +204 -157
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +98 -4
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +31 -31
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +10799 -8841
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1021 -915
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +6 -4
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2110 -2061
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +759 -22
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +72 -68
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +31 -31
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +352 -352
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +33 -33
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +118 -34
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +32 -32
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -4
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +139 -42
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +177 -37
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +18 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +93 -92
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +33 -18
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +101 -51
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +592 -0
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +37 -6
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +103 -105
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +7 -46
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +23 -9
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +17 -17
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +49 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +754 -117
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +29 -29
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -17
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
- data/fomantic-ui-sass.gemspec +1 -1
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +9 -7
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.9.0 - Loader
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -62,10 +62,10 @@
|
|
62
62
|
animation-delay: 0.6s;
|
63
63
|
}
|
64
64
|
.ui.placeholder,
|
65
|
-
.ui.placeholder >
|
66
|
-
.ui.placeholder .image.header
|
65
|
+
.ui.placeholder > ::before,
|
66
|
+
.ui.placeholder .image.header::after,
|
67
67
|
.ui.placeholder .line,
|
68
|
-
.ui.placeholder .line
|
68
|
+
.ui.placeholder .line::after {
|
69
69
|
background-color: #FFFFFF;
|
70
70
|
}
|
71
71
|
.ui.placeholder.hidden {
|
@@ -96,17 +96,17 @@
|
|
96
96
|
position: relative;
|
97
97
|
height: 0.85714286em;
|
98
98
|
}
|
99
|
-
.ui.placeholder .line
|
100
|
-
.ui.placeholder .line
|
99
|
+
.ui.placeholder .line::before,
|
100
|
+
.ui.placeholder .line::after {
|
101
101
|
top: 100%;
|
102
102
|
position: absolute;
|
103
103
|
content: '';
|
104
104
|
background-color: inherit;
|
105
105
|
}
|
106
|
-
.ui.placeholder .line
|
106
|
+
.ui.placeholder .line::before {
|
107
107
|
left: 0;
|
108
108
|
}
|
109
|
-
.ui.placeholder .line
|
109
|
+
.ui.placeholder .line::after {
|
110
110
|
right: 0;
|
111
111
|
}
|
112
112
|
|
@@ -114,8 +114,8 @@
|
|
114
114
|
.ui.placeholder .line {
|
115
115
|
margin-bottom: 0.5em;
|
116
116
|
}
|
117
|
-
.ui.placeholder .line
|
118
|
-
.ui.placeholder .line
|
117
|
+
.ui.placeholder .line::before,
|
118
|
+
.ui.placeholder .line::after {
|
119
119
|
height: 0.5em;
|
120
120
|
}
|
121
121
|
.ui.placeholder .line:not(:first-child) {
|
@@ -123,19 +123,19 @@
|
|
123
123
|
}
|
124
124
|
|
125
125
|
/* Line Outdent */
|
126
|
-
.ui.placeholder .line:nth-child(1)
|
126
|
+
.ui.placeholder .line:nth-child(1)::after {
|
127
127
|
width: 0;
|
128
128
|
}
|
129
|
-
.ui.placeholder .line:nth-child(2)
|
129
|
+
.ui.placeholder .line:nth-child(2)::after {
|
130
130
|
width: 50%;
|
131
131
|
}
|
132
|
-
.ui.placeholder .line:nth-child(3)
|
132
|
+
.ui.placeholder .line:nth-child(3)::after {
|
133
133
|
width: 10%;
|
134
134
|
}
|
135
|
-
.ui.placeholder .line:nth-child(4)
|
135
|
+
.ui.placeholder .line:nth-child(4)::after {
|
136
136
|
width: 35%;
|
137
137
|
}
|
138
|
-
.ui.placeholder .line:nth-child(5)
|
138
|
+
.ui.placeholder .line:nth-child(5)::after {
|
139
139
|
width: 65%;
|
140
140
|
}
|
141
141
|
|
@@ -149,27 +149,27 @@
|
|
149
149
|
.ui.placeholder .header .line {
|
150
150
|
margin-bottom: 0.64285714em;
|
151
151
|
}
|
152
|
-
.ui.placeholder .header .line
|
153
|
-
.ui.placeholder .header .line
|
152
|
+
.ui.placeholder .header .line::before,
|
153
|
+
.ui.placeholder .header .line::after {
|
154
154
|
height: 0.64285714em;
|
155
155
|
}
|
156
156
|
.ui.placeholder .header .line:not(:first-child) {
|
157
157
|
margin-top: 0.64285714em;
|
158
158
|
}
|
159
|
-
.ui.placeholder .header .line
|
159
|
+
.ui.placeholder .header .line::after {
|
160
160
|
width: 20%;
|
161
161
|
}
|
162
|
-
.ui.placeholder .header .line:nth-child(2)
|
162
|
+
.ui.placeholder .header .line:nth-child(2)::after {
|
163
163
|
width: 60%;
|
164
164
|
}
|
165
165
|
/* Image Header */
|
166
166
|
.ui.placeholder .image.header .line {
|
167
167
|
margin-left: 3em;
|
168
168
|
}
|
169
|
-
.ui.placeholder .image.header .line
|
169
|
+
.ui.placeholder .image.header .line::before {
|
170
170
|
width: 0.71428571rem;
|
171
171
|
}
|
172
|
-
.ui.placeholder .image.header
|
172
|
+
.ui.placeholder .image.header::after {
|
173
173
|
display: block;
|
174
174
|
height: 0.85714286em;
|
175
175
|
content: '';
|
@@ -182,9 +182,9 @@
|
|
182
182
|
.ui.placeholder .header .line:first-child {
|
183
183
|
height: 0.01px;
|
184
184
|
}
|
185
|
-
.ui.placeholder .image:not(:first-child)
|
186
|
-
.ui.placeholder .paragraph:not(:first-child)
|
187
|
-
.ui.placeholder .header:not(:first-child)
|
185
|
+
.ui.placeholder .image:not(:first-child)::before,
|
186
|
+
.ui.placeholder .paragraph:not(:first-child)::before,
|
187
|
+
.ui.placeholder .header:not(:first-child)::before {
|
188
188
|
height: 1.42857143em;
|
189
189
|
content: '';
|
190
190
|
display: block;
|
@@ -197,10 +197,10 @@
|
|
197
197
|
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
|
198
198
|
}
|
199
199
|
.ui.inverted.placeholder,
|
200
|
-
.ui.inverted.placeholder >
|
201
|
-
.ui.inverted.placeholder .image.header
|
200
|
+
.ui.inverted.placeholder > ::before,
|
201
|
+
.ui.inverted.placeholder .image.header::after,
|
202
202
|
.ui.inverted.placeholder .line,
|
203
|
-
.ui.inverted.placeholder .line
|
203
|
+
.ui.inverted.placeholder .line::after {
|
204
204
|
background-color: #1B1C1D;
|
205
205
|
}
|
206
206
|
|
@@ -214,22 +214,22 @@
|
|
214
214
|
Sizes
|
215
215
|
--------------------*/
|
216
216
|
|
217
|
-
.ui.placeholder .full.line.line.line
|
217
|
+
.ui.placeholder .full.line.line.line::after {
|
218
218
|
width: 0;
|
219
219
|
}
|
220
|
-
.ui.placeholder .very.long.line.line.line
|
220
|
+
.ui.placeholder .very.long.line.line.line::after {
|
221
221
|
width: 10%;
|
222
222
|
}
|
223
|
-
.ui.placeholder .long.line.line.line
|
223
|
+
.ui.placeholder .long.line.line.line::after {
|
224
224
|
width: 35%;
|
225
225
|
}
|
226
|
-
.ui.placeholder .medium.line.line.line
|
226
|
+
.ui.placeholder .medium.line.line.line::after {
|
227
227
|
width: 50%;
|
228
228
|
}
|
229
|
-
.ui.placeholder .short.line.line.line
|
229
|
+
.ui.placeholder .short.line.line.line::after {
|
230
230
|
width: 65%;
|
231
231
|
}
|
232
|
-
.ui.placeholder .very.short.line.line.line
|
232
|
+
.ui.placeholder .very.short.line.line.line::after {
|
233
233
|
width: 80%;
|
234
234
|
}
|
235
235
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.9.0 - Segment
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -40,10 +40,10 @@
|
|
40
40
|
-webkit-box-shadow: none;
|
41
41
|
box-shadow: none;
|
42
42
|
border: none;
|
43
|
-
border-
|
43
|
+
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
44
44
|
}
|
45
|
-
.ui.vertical.segment:
|
46
|
-
border-
|
45
|
+
.ui.vertical.segment:first-child {
|
46
|
+
border-top: none;
|
47
47
|
}
|
48
48
|
|
49
49
|
/*-------------------
|
@@ -198,10 +198,10 @@
|
|
198
198
|
.ui.piled.segment:last-child {
|
199
199
|
margin-bottom: 0;
|
200
200
|
}
|
201
|
-
.ui.piled.segments
|
202
|
-
.ui.piled.segments
|
203
|
-
.ui.piled.segment
|
204
|
-
.ui.piled.segment
|
201
|
+
.ui.piled.segments::after,
|
202
|
+
.ui.piled.segments::before,
|
203
|
+
.ui.piled.segment::after,
|
204
|
+
.ui.piled.segment::before {
|
205
205
|
background-color: #FFFFFF;
|
206
206
|
visibility: visible;
|
207
207
|
content: '';
|
@@ -214,15 +214,15 @@
|
|
214
214
|
-webkit-box-shadow: '';
|
215
215
|
box-shadow: '';
|
216
216
|
}
|
217
|
-
.ui.piled.segments
|
218
|
-
.ui.piled.segment
|
217
|
+
.ui.piled.segments::before,
|
218
|
+
.ui.piled.segment::before {
|
219
219
|
-webkit-transform: rotate(-1.2deg);
|
220
220
|
transform: rotate(-1.2deg);
|
221
221
|
top: 0;
|
222
222
|
z-index: -2;
|
223
223
|
}
|
224
|
-
.ui.piled.segments
|
225
|
-
.ui.piled.segment
|
224
|
+
.ui.piled.segments::after,
|
225
|
+
.ui.piled.segment::after {
|
226
226
|
-webkit-transform: rotate(1.2deg);
|
227
227
|
transform: rotate(1.2deg);
|
228
228
|
top: 0;
|
@@ -252,10 +252,10 @@
|
|
252
252
|
.ui.stacked.segment {
|
253
253
|
padding-bottom: 1.4em;
|
254
254
|
}
|
255
|
-
.ui.stacked.segments
|
256
|
-
.ui.stacked.segments
|
257
|
-
.ui.stacked.segment
|
258
|
-
.ui.stacked.segment
|
255
|
+
.ui.stacked.segments::before,
|
256
|
+
.ui.stacked.segments::after,
|
257
|
+
.ui.stacked.segment::before,
|
258
|
+
.ui.stacked.segment::after {
|
259
259
|
content: '';
|
260
260
|
position: absolute;
|
261
261
|
bottom: -3px;
|
@@ -266,23 +266,23 @@
|
|
266
266
|
height: 6px;
|
267
267
|
visibility: visible;
|
268
268
|
}
|
269
|
-
.ui.stacked.segments
|
270
|
-
.ui.stacked.segment
|
269
|
+
.ui.stacked.segments::before,
|
270
|
+
.ui.stacked.segment::before {
|
271
271
|
display: none;
|
272
272
|
}
|
273
273
|
|
274
274
|
/* Add additional page */
|
275
|
-
.ui.tall.stacked.segments
|
276
|
-
.ui.tall.stacked.segment
|
275
|
+
.ui.tall.stacked.segments::before,
|
276
|
+
.ui.tall.stacked.segment::before {
|
277
277
|
display: block;
|
278
278
|
bottom: 0;
|
279
279
|
}
|
280
280
|
|
281
281
|
/* Inverted */
|
282
|
-
.ui.stacked.inverted.segments
|
283
|
-
.ui.stacked.inverted.segments
|
284
|
-
.ui.stacked.inverted.segment
|
285
|
-
.ui.stacked.inverted.segment
|
282
|
+
.ui.stacked.inverted.segments::before,
|
283
|
+
.ui.stacked.inverted.segments::after,
|
284
|
+
.ui.stacked.inverted.segment::before,
|
285
|
+
.ui.stacked.inverted.segment::after {
|
286
286
|
background-color: rgba(0, 0, 0, 0.03);
|
287
287
|
border-top: 1px solid rgba(34, 36, 38, 0.35);
|
288
288
|
}
|
@@ -531,8 +531,8 @@
|
|
531
531
|
-webkit-transition: all 0s linear;
|
532
532
|
transition: all 0s linear;
|
533
533
|
}
|
534
|
-
.ui.loading.segments
|
535
|
-
.ui.loading.segment
|
534
|
+
.ui.loading.segments::before,
|
535
|
+
.ui.loading.segment::before {
|
536
536
|
position: absolute;
|
537
537
|
content: '';
|
538
538
|
top: 0;
|
@@ -543,8 +543,8 @@
|
|
543
543
|
border-radius: 0.28571429rem;
|
544
544
|
z-index: 100;
|
545
545
|
}
|
546
|
-
.ui.loading.segments
|
547
|
-
.ui.loading.segment
|
546
|
+
.ui.loading.segments::after,
|
547
|
+
.ui.loading.segment::after {
|
548
548
|
position: absolute;
|
549
549
|
content: '';
|
550
550
|
top: 50%;
|
@@ -586,7 +586,7 @@
|
|
586
586
|
Clearing
|
587
587
|
--------------------*/
|
588
588
|
|
589
|
-
.ui.clearing.segment
|
589
|
+
.ui.clearing.segment::after {
|
590
590
|
content: "";
|
591
591
|
display: block;
|
592
592
|
clear: both;
|
@@ -743,7 +743,7 @@
|
|
743
743
|
}
|
744
744
|
|
745
745
|
/* Attached */
|
746
|
-
.ui.inverted.attached.segment {
|
746
|
+
.ui.ui.inverted.attached.segment {
|
747
747
|
border-color: #555555;
|
748
748
|
}
|
749
749
|
|
@@ -752,8 +752,8 @@
|
|
752
752
|
.ui.inverted.loading.segment {
|
753
753
|
color: #FFFFFF;
|
754
754
|
}
|
755
|
-
.ui.inverted.loading.segments
|
756
|
-
.ui.inverted.loading.segment
|
755
|
+
.ui.inverted.loading.segments::before,
|
756
|
+
.ui.inverted.loading.segment::before {
|
757
757
|
background: rgba(0, 0, 0, 0.85);
|
758
758
|
}
|
759
759
|
|
@@ -801,14 +801,16 @@
|
|
801
801
|
max-width: calc(100% + 2px);
|
802
802
|
-webkit-box-shadow: none;
|
803
803
|
box-shadow: none;
|
804
|
+
}
|
805
|
+
.ui.attached.segment:not(.basic) {
|
804
806
|
border: 1px solid #D4D4D5;
|
805
807
|
}
|
806
|
-
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
|
808
|
+
.ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top) {
|
807
809
|
border-top: none;
|
808
810
|
}
|
809
811
|
|
810
812
|
/* Top */
|
811
|
-
.ui[class*="top attached"]
|
813
|
+
.ui.segment[class*="top attached"] {
|
812
814
|
bottom: 0;
|
813
815
|
margin-bottom: 0;
|
814
816
|
top: 0;
|
@@ -818,6 +820,9 @@
|
|
818
820
|
.ui.segment[class*="top attached"]:first-child {
|
819
821
|
margin-top: 0;
|
820
822
|
}
|
823
|
+
.ui.tab.segment[class*="top attached"]:first-child {
|
824
|
+
margin-top: 1rem;
|
825
|
+
}
|
821
826
|
|
822
827
|
/* Bottom */
|
823
828
|
.ui.segment[class*="bottom attached"] {
|
@@ -830,6 +835,9 @@
|
|
830
835
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
831
836
|
}
|
832
837
|
.ui.segment[class*="bottom attached"]:last-child {
|
838
|
+
margin-bottom: 0;
|
839
|
+
}
|
840
|
+
.ui.tab.segment[class*="bottom attached"]:last-child {
|
833
841
|
margin-bottom: 1rem;
|
834
842
|
}
|
835
843
|
|
@@ -846,6 +854,82 @@
|
|
846
854
|
padding-right: 0;
|
847
855
|
}
|
848
856
|
|
857
|
+
/*--------------
|
858
|
+
Scrolling
|
859
|
+
---------------*/
|
860
|
+
|
861
|
+
.ui.scrolling.segment {
|
862
|
+
overflow: auto;
|
863
|
+
}
|
864
|
+
@media only screen and (max-width: 767.98px) {
|
865
|
+
.ui.scrolling.segment.short {
|
866
|
+
max-height: 11.25em;
|
867
|
+
}
|
868
|
+
.ui.scrolling.segment[class*="very short"] {
|
869
|
+
max-height: 7.5em;
|
870
|
+
}
|
871
|
+
.ui.scrolling.segment {
|
872
|
+
max-height: 15em;
|
873
|
+
}
|
874
|
+
.ui.scrolling.segment.long {
|
875
|
+
max-height: 30em;
|
876
|
+
}
|
877
|
+
.ui.scrolling.segment[class*="very long"] {
|
878
|
+
max-height: 45em;
|
879
|
+
}
|
880
|
+
}
|
881
|
+
@media only screen and (min-width: 768px) {
|
882
|
+
.ui.scrolling.segment.short {
|
883
|
+
max-height: 13.5em;
|
884
|
+
}
|
885
|
+
.ui.scrolling.segment[class*="very short"] {
|
886
|
+
max-height: 9em;
|
887
|
+
}
|
888
|
+
.ui.scrolling.segment {
|
889
|
+
max-height: 18em;
|
890
|
+
}
|
891
|
+
.ui.scrolling.segment.long {
|
892
|
+
max-height: 36em;
|
893
|
+
}
|
894
|
+
.ui.scrolling.segment[class*="very long"] {
|
895
|
+
max-height: 54em;
|
896
|
+
}
|
897
|
+
}
|
898
|
+
@media only screen and (min-width: 992px) {
|
899
|
+
.ui.scrolling.segment.short {
|
900
|
+
max-height: 18em;
|
901
|
+
}
|
902
|
+
.ui.scrolling.segment[class*="very short"] {
|
903
|
+
max-height: 12em;
|
904
|
+
}
|
905
|
+
.ui.scrolling.segment {
|
906
|
+
max-height: 24em;
|
907
|
+
}
|
908
|
+
.ui.scrolling.segment.long {
|
909
|
+
max-height: 48em;
|
910
|
+
}
|
911
|
+
.ui.scrolling.segment[class*="very long"] {
|
912
|
+
max-height: 72em;
|
913
|
+
}
|
914
|
+
}
|
915
|
+
@media only screen and (min-width: 1920px) {
|
916
|
+
.ui.scrolling.segment.short {
|
917
|
+
max-height: 22.5em;
|
918
|
+
}
|
919
|
+
.ui.scrolling.segment[class*="very short"] {
|
920
|
+
max-height: 15em;
|
921
|
+
}
|
922
|
+
.ui.scrolling.segment {
|
923
|
+
max-height: 30em;
|
924
|
+
}
|
925
|
+
.ui.scrolling.segment.long {
|
926
|
+
max-height: 60em;
|
927
|
+
}
|
928
|
+
.ui.scrolling.segment[class*="very long"] {
|
929
|
+
max-height: 90em;
|
930
|
+
}
|
931
|
+
}
|
932
|
+
|
849
933
|
/*-------------------
|
850
934
|
Size
|
851
935
|
--------------------*/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
2
|
+
* # Fomantic-UI 2.9.0 - Step
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -89,7 +89,7 @@
|
|
89
89
|
}
|
90
90
|
|
91
91
|
/* Arrow */
|
92
|
-
.ui.steps .step
|
92
|
+
.ui.steps .step::after {
|
93
93
|
display: none;
|
94
94
|
position: absolute;
|
95
95
|
z-index: 2;
|
@@ -136,7 +136,7 @@
|
|
136
136
|
|
137
137
|
/* Title */
|
138
138
|
.ui.steps .step .title {
|
139
|
-
font-family:
|
139
|
+
font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
140
140
|
font-size: 1.14285714em;
|
141
141
|
font-weight: bold;
|
142
142
|
}
|
@@ -197,7 +197,7 @@
|
|
197
197
|
.ui.ordered.steps {
|
198
198
|
counter-reset: ordered;
|
199
199
|
}
|
200
|
-
.ui.ordered.steps .step
|
200
|
+
.ui.ordered.steps .step::before {
|
201
201
|
display: block;
|
202
202
|
position: static;
|
203
203
|
text-align: center;
|
@@ -252,26 +252,26 @@
|
|
252
252
|
}
|
253
253
|
|
254
254
|
/* Arrow */
|
255
|
-
.ui.vertical.steps .step
|
255
|
+
.ui.vertical.steps .step::after {
|
256
256
|
top: 50%;
|
257
257
|
right: 0;
|
258
258
|
border-width: 0 1px 1px 0;
|
259
259
|
display: none;
|
260
260
|
}
|
261
|
-
.ui.right.vertical.steps .step
|
261
|
+
.ui.right.vertical.steps .step::after {
|
262
262
|
border-width: 1px 0 0 1px;
|
263
263
|
left: 0;
|
264
264
|
right: 100%;
|
265
265
|
-webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
|
266
266
|
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
|
267
267
|
}
|
268
|
-
.ui.vertical.steps .active.step
|
268
|
+
.ui.vertical.steps .active.step::after {
|
269
269
|
display: block;
|
270
270
|
}
|
271
|
-
.ui.vertical.steps .step:last-child
|
271
|
+
.ui.vertical.steps .step:last-child::after {
|
272
272
|
display: none;
|
273
273
|
}
|
274
|
-
.ui.vertical.steps .active.step:last-child
|
274
|
+
.ui.vertical.steps .active.step:last-child::after {
|
275
275
|
display: block;
|
276
276
|
}
|
277
277
|
|
@@ -313,14 +313,14 @@
|
|
313
313
|
}
|
314
314
|
|
315
315
|
/* Arrow */
|
316
|
-
.ui.steps:not(.unstackable) .step
|
316
|
+
.ui.steps:not(.unstackable) .step::after {
|
317
317
|
top: unset;
|
318
318
|
bottom: -1.14285714em;
|
319
319
|
right: 50%;
|
320
320
|
-webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
|
321
321
|
transform: translateY(-50%) translateX(50%) rotate(45deg);
|
322
322
|
}
|
323
|
-
.ui.vertical.steps .active.step:last-child
|
323
|
+
.ui.vertical.steps .active.step:last-child::after {
|
324
324
|
display: none;
|
325
325
|
}
|
326
326
|
|
@@ -331,7 +331,7 @@
|
|
331
331
|
|
332
332
|
/* Icon */
|
333
333
|
.ui.steps:not(.unstackable) .step > i.icon,
|
334
|
-
.ui.ordered.steps:not(.unstackable) .step
|
334
|
+
.ui.ordered.steps:not(.unstackable) .step::before {
|
335
335
|
margin: 0 0 1rem 0;
|
336
336
|
}
|
337
337
|
}
|
@@ -365,28 +365,28 @@
|
|
365
365
|
cursor: auto;
|
366
366
|
background: #F3F4F5;
|
367
367
|
}
|
368
|
-
.ui.steps .step.active
|
368
|
+
.ui.steps .step.active::after {
|
369
369
|
background: #F3F4F5;
|
370
370
|
}
|
371
371
|
.ui.steps .step.active .title {
|
372
372
|
color: #4183C4;
|
373
373
|
}
|
374
|
-
.ui.ordered.steps .step.active
|
374
|
+
.ui.ordered.steps .step.active::before,
|
375
375
|
.ui.steps .active.step i.icon {
|
376
376
|
color: rgba(0, 0, 0, 0.85);
|
377
377
|
}
|
378
378
|
|
379
379
|
/* Active Arrow */
|
380
|
-
.ui.steps .step
|
380
|
+
.ui.steps .step::after {
|
381
381
|
display: block;
|
382
382
|
}
|
383
|
-
.ui.steps .active.step
|
383
|
+
.ui.steps .active.step::after {
|
384
384
|
display: block;
|
385
385
|
}
|
386
|
-
.ui.steps .step:last-child
|
386
|
+
.ui.steps .step:last-child::after {
|
387
387
|
display: none;
|
388
388
|
}
|
389
|
-
.ui.steps .active.step:last-child
|
389
|
+
.ui.steps .active.step:last-child::after {
|
390
390
|
display: none;
|
391
391
|
}
|
392
392
|
|
@@ -401,8 +401,8 @@
|
|
401
401
|
}
|
402
402
|
|
403
403
|
/* Completed */
|
404
|
-
.ui.steps .step.completed > i.icon
|
405
|
-
.ui.ordered.steps .step.completed
|
404
|
+
.ui.steps .step.completed > i.icon::before,
|
405
|
+
.ui.ordered.steps .step.completed::before {
|
406
406
|
color: #21BA45;
|
407
407
|
}
|
408
408
|
|
@@ -417,7 +417,7 @@
|
|
417
417
|
.ui.steps .disabled.step .description {
|
418
418
|
color: rgba(40, 40, 40, 0.3);
|
419
419
|
}
|
420
|
-
.ui.steps .disabled.step
|
420
|
+
.ui.steps .disabled.step::after {
|
421
421
|
background: #FFFFFF;
|
422
422
|
}
|
423
423
|
|
@@ -466,7 +466,7 @@
|
|
466
466
|
}
|
467
467
|
|
468
468
|
/* Arrow */
|
469
|
-
.ui[class*="tablet stackable"].steps .step
|
469
|
+
.ui[class*="tablet stackable"].steps .step::after {
|
470
470
|
top: unset;
|
471
471
|
bottom: -1.14285714em;
|
472
472
|
right: 50%;
|
@@ -481,7 +481,7 @@
|
|
481
481
|
|
482
482
|
/* Icon */
|
483
483
|
.ui[class*="tablet stackable"].steps .step > i.icon,
|
484
|
-
.ui[class*="tablet stackable"].ordered.steps .step
|
484
|
+
.ui[class*="tablet stackable"].ordered.steps .step::before {
|
485
485
|
margin: 0 0 1rem 0;
|
486
486
|
}
|
487
487
|
}
|
@@ -531,8 +531,8 @@
|
|
531
531
|
}
|
532
532
|
|
533
533
|
/*-------------------
|
534
|
-
|
535
|
-
--------------------*/
|
534
|
+
Evenly Divided
|
535
|
+
--------------------*/
|
536
536
|
|
537
537
|
.ui.one.steps,
|
538
538
|
.ui.two.steps,
|
@@ -629,7 +629,7 @@
|
|
629
629
|
background: #1B1C1D;
|
630
630
|
border-color: #555555;
|
631
631
|
}
|
632
|
-
.ui.inverted.steps .step
|
632
|
+
.ui.inverted.steps .step::after {
|
633
633
|
background-color: #1B1C1D;
|
634
634
|
border-color: #555555;
|
635
635
|
}
|
@@ -639,17 +639,17 @@
|
|
639
639
|
|
640
640
|
/* Active */
|
641
641
|
.ui.inverted.steps .step.active,
|
642
|
-
.ui.inverted.steps .step.active
|
642
|
+
.ui.inverted.steps .step.active::after {
|
643
643
|
background: #333333;
|
644
644
|
}
|
645
|
-
.ui.inverted.ordered.steps .step.active
|
645
|
+
.ui.inverted.ordered.steps .step.active::before,
|
646
646
|
.ui.inverted.steps .active.step i.icon {
|
647
647
|
color: #ffffff;
|
648
648
|
}
|
649
649
|
|
650
650
|
/* Disabled */
|
651
651
|
.ui.inverted.steps .disabled.step,
|
652
|
-
.ui.inverted.steps .disabled.step
|
652
|
+
.ui.inverted.steps .disabled.step::after {
|
653
653
|
background: #222222;
|
654
654
|
}
|
655
655
|
.ui.inverted.steps .disabled.step,
|
@@ -683,10 +683,10 @@
|
|
683
683
|
|
684
684
|
@font-face {
|
685
685
|
font-family: 'Step';
|
686
|
-
src: url(data:application/
|
686
|
+
src: url(data:application/font-woff;base64,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) format('woff');
|
687
687
|
}
|
688
|
-
.ui.steps .step.completed > .icon
|
689
|
-
.ui.ordered.steps .step.completed
|
688
|
+
.ui.steps .step.completed > .icon::before,
|
689
|
+
.ui.ordered.steps .step.completed::before {
|
690
690
|
font-family: 'Step';
|
691
691
|
content: '\e800';
|
692
692
|
|