fomantic-ui-sass 2.8.8.1 → 2.9.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -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 +569 -590
- data/app/assets/javascripts/semantic-ui/api.js +1153 -1116
- data/app/assets/javascripts/semantic-ui/calendar.js +1941 -1698
- data/app/assets/javascripts/semantic-ui/checkbox.js +862 -854
- data/app/assets/javascripts/semantic-ui/dimmer.js +697 -713
- data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4192
- data/app/assets/javascripts/semantic-ui/embed.js +646 -672
- data/app/assets/javascripts/semantic-ui/flyout.js +1579 -0
- data/app/assets/javascripts/semantic-ui/form.js +2024 -2000
- data/app/assets/javascripts/semantic-ui/modal.js +1546 -1384
- data/app/assets/javascripts/semantic-ui/nag.js +521 -527
- data/app/assets/javascripts/semantic-ui/popup.js +1457 -1463
- data/app/assets/javascripts/semantic-ui/progress.js +970 -995
- data/app/assets/javascripts/semantic-ui/rating.js +508 -520
- data/app/assets/javascripts/semantic-ui/search.js +1521 -1508
- data/app/assets/javascripts/semantic-ui/shape.js +784 -811
- data/app/assets/javascripts/semantic-ui/sidebar.js +1061 -1002
- data/app/assets/javascripts/semantic-ui/site.js +437 -477
- data/app/assets/javascripts/semantic-ui/slider.js +1311 -1297
- data/app/assets/javascripts/semantic-ui/state.js +639 -658
- data/app/assets/javascripts/semantic-ui/sticky.js +848 -891
- data/app/assets/javascripts/semantic-ui/tab.js +895 -941
- data/app/assets/javascripts/semantic-ui/toast.js +911 -851
- data/app/assets/javascripts/semantic-ui/transition.js +1049 -1073
- data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +389 -407
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +203 -345
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +372 -501
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +154 -226
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +2065 -880
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +867 -1232
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +101 -6
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +75 -93
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +11148 -9190
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1037 -929
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +124 -146
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2728 -2759
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +982 -163
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -479
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +80 -101
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +452 -540
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +56 -76
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +263 -255
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +106 -179
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +14 -18
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +132 -48
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +196 -74
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +43 -29
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +210 -280
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +78 -182
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +339 -423
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +24 -35
- data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +546 -0
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +150 -153
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +530 -310
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +88 -168
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +73 -102
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +126 -215
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +110 -138
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +16 -20
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +111 -141
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +39 -50
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +949 -458
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +44 -62
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +50 -72
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +89 -136
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +78 -119
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +1 -1
- metadata +21 -3
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Step
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
|
-
*
|
7
|
+
* https://opensource.org/licenses/MIT
|
8
8
|
*
|
9
9
|
*/
|
10
10
|
|
@@ -14,27 +14,18 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
.ui.steps {
|
17
|
-
display: -webkit-inline-box;
|
18
|
-
display: -ms-inline-flexbox;
|
19
17
|
display: inline-flex;
|
20
|
-
-
|
21
|
-
-
|
22
|
-
-ms-flex-direction: row;
|
23
|
-
flex-direction: row;
|
24
|
-
-webkit-box-align: stretch;
|
25
|
-
-ms-flex-align: stretch;
|
26
|
-
align-items: stretch;
|
18
|
+
flex-direction: row;
|
19
|
+
align-items: stretch;
|
27
20
|
margin: 1em 0;
|
28
|
-
background:
|
29
|
-
|
30
|
-
box-shadow: none;
|
21
|
+
background: "";
|
22
|
+
box-shadow: none;
|
31
23
|
line-height: 1.14285714em;
|
32
24
|
border-radius: 0.28571429rem;
|
33
25
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
34
26
|
}
|
35
27
|
.ui.steps:not(.unstackable) {
|
36
|
-
|
37
|
-
flex-wrap: wrap;
|
28
|
+
flex-wrap: wrap;
|
38
29
|
}
|
39
30
|
|
40
31
|
/* First Steps */
|
@@ -54,60 +45,39 @@
|
|
54
45
|
|
55
46
|
.ui.steps .step {
|
56
47
|
position: relative;
|
57
|
-
display: -webkit-box;
|
58
|
-
display: -ms-flexbox;
|
59
48
|
display: flex;
|
60
|
-
|
61
|
-
|
62
|
-
flex: 1 0 auto;
|
63
|
-
-ms-flex-wrap: wrap;
|
64
|
-
flex-wrap: wrap;
|
65
|
-
-webkit-box-orient: horizontal;
|
66
|
-
-webkit-box-direction: normal;
|
67
|
-
-ms-flex-direction: row;
|
68
|
-
flex-direction: row;
|
49
|
+
flex: 1 0 auto;
|
50
|
+
flex-flow: row wrap;
|
69
51
|
vertical-align: middle;
|
70
|
-
-
|
71
|
-
|
72
|
-
align-items: center;
|
73
|
-
-webkit-box-pack: center;
|
74
|
-
-ms-flex-pack: center;
|
75
|
-
justify-content: center;
|
52
|
+
align-items: center;
|
53
|
+
justify-content: center;
|
76
54
|
margin: 0 0;
|
77
55
|
padding: 1.14285714em 2em;
|
78
|
-
background: #
|
56
|
+
background: #fff;
|
79
57
|
color: rgba(0, 0, 0, 0.87);
|
80
|
-
|
81
|
-
box-shadow: none;
|
58
|
+
box-shadow: none;
|
82
59
|
border-radius: 0;
|
83
60
|
border: none;
|
84
61
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
85
|
-
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
86
|
-
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
87
62
|
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
88
|
-
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
89
63
|
}
|
90
64
|
|
91
65
|
/* Arrow */
|
92
|
-
.ui.steps .step
|
66
|
+
.ui.steps .step::after {
|
93
67
|
display: none;
|
94
68
|
position: absolute;
|
95
69
|
z-index: 2;
|
96
|
-
content:
|
70
|
+
content: "";
|
97
71
|
top: 50%;
|
98
72
|
right: 0;
|
99
|
-
background-color: #
|
73
|
+
background-color: #fff;
|
100
74
|
width: 1.14285714em;
|
101
75
|
height: 1.14285714em;
|
102
76
|
border-style: solid;
|
103
77
|
border-color: rgba(34, 36, 38, 0.15);
|
104
78
|
border-width: 0 1px 1px 0;
|
105
|
-
-webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
106
|
-
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
107
79
|
transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
|
108
|
-
|
109
|
-
-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
110
|
-
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
80
|
+
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
111
81
|
}
|
112
82
|
|
113
83
|
/* First Step */
|
@@ -136,7 +106,7 @@
|
|
136
106
|
|
137
107
|
/* Title */
|
138
108
|
.ui.steps .step .title {
|
139
|
-
font-family:
|
109
|
+
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
110
|
font-size: 1.14285714em;
|
141
111
|
font-weight: bold;
|
142
112
|
}
|
@@ -166,11 +136,8 @@
|
|
166
136
|
.ui.steps .step > i.icon,
|
167
137
|
.ui.steps .step > i.icon ~ .content {
|
168
138
|
display: block;
|
169
|
-
|
170
|
-
|
171
|
-
flex: 0 1 auto;
|
172
|
-
-ms-flex-item-align: middle;
|
173
|
-
align-self: middle;
|
139
|
+
flex: 0 1 auto;
|
140
|
+
align-self: middle;
|
174
141
|
}
|
175
142
|
|
176
143
|
/* Horizontal Icon */
|
@@ -190,20 +157,18 @@
|
|
190
157
|
*******************************/
|
191
158
|
|
192
159
|
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
160
|
+
/* --------------
|
161
|
+
Ordered
|
162
|
+
--------------- */
|
197
163
|
.ui.ordered.steps {
|
198
164
|
counter-reset: ordered;
|
199
165
|
}
|
200
|
-
.ui.ordered.steps .step
|
166
|
+
.ui.ordered.steps .step::before {
|
201
167
|
display: block;
|
202
168
|
position: static;
|
203
169
|
text-align: center;
|
204
170
|
content: counter(ordered);
|
205
|
-
-
|
206
|
-
align-self: middle;
|
171
|
+
align-self: middle;
|
207
172
|
margin-right: 1rem;
|
208
173
|
font-size: 2.5em;
|
209
174
|
counter-increment: ordered;
|
@@ -212,28 +177,19 @@
|
|
212
177
|
}
|
213
178
|
.ui.ordered.steps .step > * {
|
214
179
|
display: block;
|
215
|
-
-
|
216
|
-
align-self: middle;
|
180
|
+
align-self: middle;
|
217
181
|
}
|
218
182
|
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
183
|
+
/* --------------
|
184
|
+
Vertical
|
185
|
+
--------------- */
|
223
186
|
.ui.vertical.steps {
|
224
|
-
display: -webkit-inline-box;
|
225
|
-
display: -ms-inline-flexbox;
|
226
187
|
display: inline-flex;
|
227
|
-
-
|
228
|
-
-webkit-box-direction: normal;
|
229
|
-
-ms-flex-direction: column;
|
230
|
-
flex-direction: column;
|
188
|
+
flex-direction: column;
|
231
189
|
overflow: visible;
|
232
190
|
}
|
233
191
|
.ui.vertical.steps .step {
|
234
|
-
-
|
235
|
-
-ms-flex-pack: start;
|
236
|
-
justify-content: flex-start;
|
192
|
+
justify-content: flex-start;
|
237
193
|
border-radius: 0;
|
238
194
|
padding: 1.14285714em 2em;
|
239
195
|
border-right: none;
|
@@ -252,52 +208,42 @@
|
|
252
208
|
}
|
253
209
|
|
254
210
|
/* Arrow */
|
255
|
-
.ui.vertical.steps .step
|
211
|
+
.ui.vertical.steps .step::after {
|
256
212
|
top: 50%;
|
257
213
|
right: 0;
|
258
214
|
border-width: 0 1px 1px 0;
|
259
215
|
display: none;
|
260
216
|
}
|
261
|
-
.ui.right.vertical.steps .step
|
217
|
+
.ui.right.vertical.steps .step::after {
|
262
218
|
border-width: 1px 0 0 1px;
|
263
219
|
left: 0;
|
264
220
|
right: 100%;
|
265
|
-
|
266
|
-
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
|
221
|
+
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
|
267
222
|
}
|
268
|
-
.ui.vertical.steps .active.step
|
223
|
+
.ui.vertical.steps .active.step::after {
|
269
224
|
display: block;
|
270
225
|
}
|
271
|
-
.ui.vertical.steps .step:last-child
|
226
|
+
.ui.vertical.steps .step:last-child::after {
|
272
227
|
display: none;
|
273
228
|
}
|
274
|
-
.ui.vertical.steps .active.step:last-child
|
229
|
+
.ui.vertical.steps .active.step:last-child::after {
|
275
230
|
display: block;
|
276
231
|
}
|
277
232
|
|
278
|
-
|
233
|
+
/* ---------------
|
279
234
|
Responsive
|
280
|
-
|
281
|
-
|
235
|
+
---------------- */
|
282
236
|
|
283
237
|
/* Mobile (Default) */
|
284
238
|
@media only screen and (max-width: 767.98px) {
|
285
239
|
.ui.steps:not(.unstackable) {
|
286
|
-
display: -webkit-inline-box;
|
287
|
-
display: -ms-inline-flexbox;
|
288
240
|
display: inline-flex;
|
289
241
|
overflow: visible;
|
290
|
-
-
|
291
|
-
-webkit-box-direction: normal;
|
292
|
-
-ms-flex-direction: column;
|
293
|
-
flex-direction: column;
|
242
|
+
flex-direction: column;
|
294
243
|
}
|
295
244
|
.ui.steps:not(.unstackable) .step {
|
296
245
|
width: 100% !important;
|
297
|
-
-
|
298
|
-
-webkit-box-direction: normal;
|
299
|
-
-ms-flex-direction: column;
|
300
|
-
flex-direction: column;
|
246
|
+
flex-direction: column;
|
301
247
|
border-radius: 0;
|
302
248
|
padding: 1.14285714em 2em;
|
303
249
|
border-right: none;
|
@@ -313,14 +259,13 @@
|
|
313
259
|
}
|
314
260
|
|
315
261
|
/* Arrow */
|
316
|
-
.ui.steps:not(.unstackable) .step
|
262
|
+
.ui.steps:not(.unstackable) .step::after {
|
317
263
|
top: unset;
|
318
264
|
bottom: -1.14285714em;
|
319
265
|
right: 50%;
|
320
|
-
|
321
|
-
transform: translateY(-50%) translateX(50%) rotate(45deg);
|
266
|
+
transform: translateY(-50%) translateX(50%) rotate(45deg);
|
322
267
|
}
|
323
|
-
.ui.vertical.steps .active.step:last-child
|
268
|
+
.ui.vertical.steps .active.step:last-child::after {
|
324
269
|
display: none;
|
325
270
|
}
|
326
271
|
|
@@ -331,7 +276,7 @@
|
|
331
276
|
|
332
277
|
/* Icon */
|
333
278
|
.ui.steps:not(.unstackable) .step > i.icon,
|
334
|
-
.ui.ordered.steps:not(.unstackable) .step
|
279
|
+
.ui.ordered.steps:not(.unstackable) .step::before {
|
335
280
|
margin: 0 0 1rem 0;
|
336
281
|
}
|
337
282
|
}
|
@@ -347,7 +292,7 @@
|
|
347
292
|
.ui.steps .link.step:hover,
|
348
293
|
.ui.steps a.step:hover::after,
|
349
294
|
.ui.steps a.step:hover {
|
350
|
-
background: #
|
295
|
+
background: #f9fafb;
|
351
296
|
color: rgba(0, 0, 0, 0.8);
|
352
297
|
}
|
353
298
|
|
@@ -356,37 +301,37 @@
|
|
356
301
|
.ui.steps .link.step:active,
|
357
302
|
.ui.steps a.step:active::after,
|
358
303
|
.ui.steps a.step:active {
|
359
|
-
background: #
|
304
|
+
background: #f3f4f5;
|
360
305
|
color: rgba(0, 0, 0, 0.9);
|
361
306
|
}
|
362
307
|
|
363
308
|
/* Active */
|
364
309
|
.ui.steps .step.active {
|
365
310
|
cursor: auto;
|
366
|
-
background: #
|
311
|
+
background: #f3f4f5;
|
367
312
|
}
|
368
|
-
.ui.steps .step.active
|
369
|
-
background: #
|
313
|
+
.ui.steps .step.active::after {
|
314
|
+
background: #f3f4f5;
|
370
315
|
}
|
371
316
|
.ui.steps .step.active .title {
|
372
|
-
color: #
|
317
|
+
color: #4183c4;
|
373
318
|
}
|
374
|
-
.ui.ordered.steps .step.active
|
319
|
+
.ui.ordered.steps .step.active::before,
|
375
320
|
.ui.steps .active.step i.icon {
|
376
321
|
color: rgba(0, 0, 0, 0.85);
|
377
322
|
}
|
378
323
|
|
379
324
|
/* Active Arrow */
|
380
|
-
.ui.steps .step
|
325
|
+
.ui.steps .step::after {
|
381
326
|
display: block;
|
382
327
|
}
|
383
|
-
.ui.steps .active.step
|
328
|
+
.ui.steps .active.step::after {
|
384
329
|
display: block;
|
385
330
|
}
|
386
|
-
.ui.steps .step:last-child
|
331
|
+
.ui.steps .step:last-child::after {
|
387
332
|
display: none;
|
388
333
|
}
|
389
|
-
.ui.steps .active.step:last-child
|
334
|
+
.ui.steps .active.step:last-child::after {
|
390
335
|
display: none;
|
391
336
|
}
|
392
337
|
|
@@ -396,20 +341,20 @@
|
|
396
341
|
.ui.steps a.active.step:hover::after,
|
397
342
|
.ui.steps a.active.step:hover {
|
398
343
|
cursor: pointer;
|
399
|
-
background: #
|
344
|
+
background: #dcddde;
|
400
345
|
color: rgba(0, 0, 0, 0.87);
|
401
346
|
}
|
402
347
|
|
403
348
|
/* Completed */
|
404
|
-
.ui.steps .step.completed > i.icon
|
405
|
-
.ui.ordered.steps .step.completed
|
406
|
-
color: #
|
349
|
+
.ui.steps .step.completed > i.icon::before,
|
350
|
+
.ui.ordered.steps .step.completed::before {
|
351
|
+
color: #21ba45;
|
407
352
|
}
|
408
353
|
|
409
354
|
/* Disabled */
|
410
355
|
.ui.steps .disabled.step {
|
411
356
|
cursor: auto;
|
412
|
-
background: #
|
357
|
+
background: #fff;
|
413
358
|
pointer-events: none;
|
414
359
|
}
|
415
360
|
.ui.steps .disabled.step,
|
@@ -417,8 +362,8 @@
|
|
417
362
|
.ui.steps .disabled.step .description {
|
418
363
|
color: rgba(40, 40, 40, 0.3);
|
419
364
|
}
|
420
|
-
.ui.steps .disabled.step
|
421
|
-
background: #
|
365
|
+
.ui.steps .disabled.step::after {
|
366
|
+
background: #fff;
|
422
367
|
}
|
423
368
|
|
424
369
|
|
@@ -427,30 +372,21 @@
|
|
427
372
|
*******************************/
|
428
373
|
|
429
374
|
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
375
|
+
/* --------------
|
376
|
+
Stackable
|
377
|
+
--------------- */
|
434
378
|
|
435
379
|
/* Tablet Or Below */
|
436
380
|
@media only screen and (max-width: 991.98px) {
|
437
381
|
.ui[class*="tablet stackable"].steps {
|
438
|
-
display: -webkit-inline-box;
|
439
|
-
display: -ms-inline-flexbox;
|
440
382
|
display: inline-flex;
|
441
383
|
overflow: visible;
|
442
|
-
-
|
443
|
-
-webkit-box-direction: normal;
|
444
|
-
-ms-flex-direction: column;
|
445
|
-
flex-direction: column;
|
384
|
+
flex-direction: column;
|
446
385
|
}
|
447
386
|
|
448
387
|
/* Steps */
|
449
388
|
.ui[class*="tablet stackable"].steps .step {
|
450
|
-
-
|
451
|
-
-webkit-box-direction: normal;
|
452
|
-
-ms-flex-direction: column;
|
453
|
-
flex-direction: column;
|
389
|
+
flex-direction: column;
|
454
390
|
border-radius: 0;
|
455
391
|
padding: 1.14285714em 2em;
|
456
392
|
border-right: none;
|
@@ -466,12 +402,11 @@
|
|
466
402
|
}
|
467
403
|
|
468
404
|
/* Arrow */
|
469
|
-
.ui[class*="tablet stackable"].steps .step
|
405
|
+
.ui[class*="tablet stackable"].steps .step::after {
|
470
406
|
top: unset;
|
471
407
|
bottom: -1.14285714em;
|
472
408
|
right: 50%;
|
473
|
-
|
474
|
-
transform: translateY(-50%) translateX(50%) rotate(45deg);
|
409
|
+
transform: translateY(-50%) translateX(50%) rotate(45deg);
|
475
410
|
}
|
476
411
|
|
477
412
|
/* Content */
|
@@ -481,28 +416,24 @@
|
|
481
416
|
|
482
417
|
/* Icon */
|
483
418
|
.ui[class*="tablet stackable"].steps .step > i.icon,
|
484
|
-
.ui[class*="tablet stackable"].ordered.steps .step
|
419
|
+
.ui[class*="tablet stackable"].ordered.steps .step::before {
|
485
420
|
margin: 0 0 1rem 0;
|
486
421
|
}
|
487
422
|
}
|
488
423
|
|
489
|
-
|
490
|
-
|
491
|
-
|
492
|
-
|
424
|
+
/* --------------
|
425
|
+
Fluid
|
426
|
+
--------------- */
|
493
427
|
|
494
428
|
/* Fluid */
|
495
429
|
.ui.fluid.steps {
|
496
|
-
display: -webkit-box;
|
497
|
-
display: -ms-flexbox;
|
498
430
|
display: flex;
|
499
431
|
width: 100%;
|
500
432
|
}
|
501
433
|
|
502
|
-
|
503
|
-
|
504
|
-
|
505
|
-
|
434
|
+
/* --------------
|
435
|
+
Attached
|
436
|
+
--------------- */
|
506
437
|
|
507
438
|
/* Top */
|
508
439
|
.ui.attached.steps {
|
@@ -530,10 +461,9 @@
|
|
530
461
|
border-radius: 0 0 0.28571429rem 0;
|
531
462
|
}
|
532
463
|
|
533
|
-
|
534
|
-
|
535
|
-
|
536
|
-
|
464
|
+
/* -------------------
|
465
|
+
Evenly Divided
|
466
|
+
-------------------- */
|
537
467
|
.ui.one.steps,
|
538
468
|
.ui.two.steps,
|
539
469
|
.ui.three.steps,
|
@@ -552,8 +482,7 @@
|
|
552
482
|
.ui.six.steps > .step,
|
553
483
|
.ui.seven.steps > .step,
|
554
484
|
.ui.eight.steps > .step {
|
555
|
-
|
556
|
-
flex-wrap: nowrap;
|
485
|
+
flex-wrap: nowrap;
|
557
486
|
}
|
558
487
|
.ui.one.steps > .step {
|
559
488
|
width: 100%;
|
@@ -580,10 +509,9 @@
|
|
580
509
|
width: 12.5%;
|
581
510
|
}
|
582
511
|
|
583
|
-
|
512
|
+
/* -------------------
|
584
513
|
Sizes
|
585
|
-
|
586
|
-
|
514
|
+
-------------------- */
|
587
515
|
.ui.steps .step,
|
588
516
|
.ui.step {
|
589
517
|
font-size: 1rem;
|
@@ -617,21 +545,20 @@
|
|
617
545
|
font-size: 1.71428571rem;
|
618
546
|
}
|
619
547
|
|
620
|
-
|
621
|
-
|
622
|
-
|
623
|
-
|
548
|
+
/* --------------
|
549
|
+
Inverted
|
550
|
+
--------------- */
|
624
551
|
.ui.inverted.steps {
|
625
|
-
border: 1px solid #
|
552
|
+
border: 1px solid #555;
|
626
553
|
}
|
627
554
|
.ui.inverted.steps .step {
|
628
555
|
color: rgba(255, 255, 255, 0.9);
|
629
|
-
background: #
|
630
|
-
border-color: #
|
556
|
+
background: #1b1c1d;
|
557
|
+
border-color: #555;
|
631
558
|
}
|
632
|
-
.ui.inverted.steps .step
|
633
|
-
background-color: #
|
634
|
-
border-color: #
|
559
|
+
.ui.inverted.steps .step::after {
|
560
|
+
background-color: #1b1c1d;
|
561
|
+
border-color: #555;
|
635
562
|
}
|
636
563
|
.ui.inverted.steps .step .description {
|
637
564
|
color: rgba(255, 255, 255, 0.9);
|
@@ -639,18 +566,18 @@
|
|
639
566
|
|
640
567
|
/* Active */
|
641
568
|
.ui.inverted.steps .step.active,
|
642
|
-
.ui.inverted.steps .step.active
|
643
|
-
background: #
|
569
|
+
.ui.inverted.steps .step.active::after {
|
570
|
+
background: #333;
|
644
571
|
}
|
645
|
-
.ui.inverted.ordered.steps .step.active
|
572
|
+
.ui.inverted.ordered.steps .step.active::before,
|
646
573
|
.ui.inverted.steps .active.step i.icon {
|
647
574
|
color: #ffffff;
|
648
575
|
}
|
649
576
|
|
650
577
|
/* Disabled */
|
651
578
|
.ui.inverted.steps .disabled.step,
|
652
|
-
.ui.inverted.steps .disabled.step
|
653
|
-
background: #
|
579
|
+
.ui.inverted.steps .disabled.step::after {
|
580
|
+
background: #222;
|
654
581
|
}
|
655
582
|
.ui.inverted.steps .disabled.step,
|
656
583
|
.ui.inverted.steps .disabled.step .title,
|
@@ -663,7 +590,7 @@
|
|
663
590
|
.ui.inverted.steps .link.step:hover,
|
664
591
|
.ui.inverted.steps a.step:hover::after,
|
665
592
|
.ui.inverted.steps a.step:hover {
|
666
|
-
background: #
|
593
|
+
background: #3f3f3f;
|
667
594
|
color: #ffffff;
|
668
595
|
}
|
669
596
|
|
@@ -672,7 +599,7 @@
|
|
672
599
|
.ui.inverted.steps .link.step:active,
|
673
600
|
.ui.inverted.steps a.step:active::after,
|
674
601
|
.ui.inverted.steps a.step:active {
|
675
|
-
background: #
|
602
|
+
background: #444;
|
676
603
|
color: #ffffff;
|
677
604
|
}
|
678
605
|
|
@@ -682,13 +609,13 @@
|
|
682
609
|
*******************************/
|
683
610
|
|
684
611
|
@font-face {
|
685
|
-
font-family:
|
686
|
-
src: url(data:application/
|
612
|
+
font-family: Step;
|
613
|
+
src: url("data:application/font-woff;base64,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") format("woff");
|
687
614
|
}
|
688
|
-
.ui.steps .step.completed > .icon
|
689
|
-
.ui.ordered.steps .step.completed
|
690
|
-
font-family:
|
691
|
-
content:
|
615
|
+
.ui.steps .step.completed > .icon::before,
|
616
|
+
.ui.ordered.steps .step.completed::before {
|
617
|
+
font-family: Step;
|
618
|
+
content: "\e800";
|
692
619
|
|
693
620
|
/* '' */
|
694
621
|
}
|