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 - Sticky
|
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
|
|
@@ -15,7 +15,6 @@
|
|
15
15
|
|
16
16
|
.ui.sticky {
|
17
17
|
position: static;
|
18
|
-
-webkit-transition: none;
|
19
18
|
transition: none;
|
20
19
|
z-index: 800;
|
21
20
|
}
|
@@ -58,9 +57,6 @@
|
|
58
57
|
*******************************/
|
59
58
|
|
60
59
|
.ui.native.sticky {
|
61
|
-
position: -moz-sticky;
|
62
|
-
position: -ms-sticky;
|
63
|
-
position: -o-sticky;
|
64
60
|
position: sticky;
|
65
61
|
}
|
66
62
|
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Tab
|
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
|
|
@@ -23,19 +23,17 @@
|
|
23
23
|
*******************************/
|
24
24
|
|
25
25
|
|
26
|
-
|
26
|
+
/* --------------------
|
27
27
|
Active
|
28
|
-
|
29
|
-
|
28
|
+
--------------------- */
|
30
29
|
.ui.tab.active,
|
31
30
|
.ui.tab.open {
|
32
31
|
display: block;
|
33
32
|
}
|
34
33
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
34
|
+
/* --------------------
|
35
|
+
Loading
|
36
|
+
--------------------- */
|
39
37
|
.ui.tab.loading {
|
40
38
|
position: relative;
|
41
39
|
overflow: hidden;
|
@@ -46,10 +44,10 @@
|
|
46
44
|
position: relative !important;
|
47
45
|
left: -10000px !important;
|
48
46
|
}
|
49
|
-
.ui.tab.loading
|
50
|
-
.ui.tab.loading.segment
|
47
|
+
.ui.tab.loading::before,
|
48
|
+
.ui.tab.loading.segment::before {
|
51
49
|
position: absolute;
|
52
|
-
content:
|
50
|
+
content: "";
|
53
51
|
top: 50%;
|
54
52
|
left: 50%;
|
55
53
|
margin: -1.25em 0 0 -1.25em;
|
@@ -58,21 +56,19 @@
|
|
58
56
|
border-radius: 500rem;
|
59
57
|
border: 0.2em solid rgba(0, 0, 0, 0.1);
|
60
58
|
}
|
61
|
-
.ui.tab.loading
|
62
|
-
.ui.tab.loading.segment
|
59
|
+
.ui.tab.loading::after,
|
60
|
+
.ui.tab.loading.segment::after {
|
63
61
|
position: absolute;
|
64
|
-
content:
|
62
|
+
content: "";
|
65
63
|
top: 50%;
|
66
64
|
left: 50%;
|
67
65
|
margin: -1.25em 0 0 -1.25em;
|
68
66
|
width: 2.5em;
|
69
67
|
height: 2.5em;
|
70
|
-
|
71
|
-
animation: loader 0.6s infinite linear;
|
68
|
+
animation: loader 0.6s infinite linear;
|
72
69
|
border: 0.2em solid #767676;
|
73
70
|
border-radius: 500rem;
|
74
|
-
|
75
|
-
box-shadow: 0 0 0 1px transparent;
|
71
|
+
box-shadow: 0 0 0 1px transparent;
|
76
72
|
}
|
77
73
|
|
78
74
|
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Toast
|
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
|
|
@@ -17,6 +17,9 @@
|
|
17
17
|
position: fixed;
|
18
18
|
z-index: 9999;
|
19
19
|
}
|
20
|
+
.ui.toast-container.absolute {
|
21
|
+
position: absolute;
|
22
|
+
}
|
20
23
|
.ui.toast-container.ui.attached {
|
21
24
|
width: 100%;
|
22
25
|
left: 0;
|
@@ -41,18 +44,14 @@
|
|
41
44
|
border: none;
|
42
45
|
}
|
43
46
|
.ui.toast-container.ui.attached .toast-box > .vertical > .content {
|
44
|
-
|
45
|
-
-ms-flex: 1;
|
46
|
-
flex: 1;
|
47
|
+
flex: 1;
|
47
48
|
}
|
48
49
|
.ui.toast-container.ui.attached .toast-box > * {
|
49
50
|
width: 100%;
|
50
51
|
border-radius: 0;
|
51
52
|
}
|
52
53
|
.ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
|
53
|
-
|
54
|
-
-ms-flex: 1;
|
55
|
-
flex: 1;
|
54
|
+
flex: 1;
|
56
55
|
}
|
57
56
|
.ui.toast-container.ui.attached .toast-box > .attached.actions {
|
58
57
|
margin-right: 1px;
|
@@ -75,8 +74,7 @@
|
|
75
74
|
}
|
76
75
|
.ui.toast-container.top.center {
|
77
76
|
left: 50%;
|
78
|
-
|
79
|
-
transform: translate(-50%, 0);
|
77
|
+
transform: translate(-50%, 0);
|
80
78
|
top: 0.85714286em;
|
81
79
|
}
|
82
80
|
.ui.toast-container.bottom.right {
|
@@ -91,23 +89,22 @@
|
|
91
89
|
}
|
92
90
|
.ui.toast-container.bottom.center {
|
93
91
|
left: 50%;
|
94
|
-
|
95
|
-
transform: translate(-50%, 0);
|
92
|
+
transform: translate(-50%, 0);
|
96
93
|
bottom: 0.85714286em;
|
97
94
|
}
|
95
|
+
.ui.toast-container.centered {
|
96
|
+
transform: translate(-50%, -50%);
|
97
|
+
top: 50%;
|
98
|
+
left: 50%;
|
99
|
+
}
|
98
100
|
.ui.toast-container .visible.toast-box,
|
99
101
|
.ui.toast-container .animating.toast-box,
|
100
102
|
.ui.toast-container .toast-box {
|
101
103
|
display: table !important;
|
102
104
|
}
|
103
105
|
.ui.toast-container.horizontal {
|
104
|
-
display: -webkit-box;
|
105
|
-
display: -ms-flexbox;
|
106
106
|
display: flex;
|
107
|
-
-
|
108
|
-
-webkit-box-direction: normal;
|
109
|
-
-ms-flex-direction: row;
|
110
|
-
flex-direction: row;
|
107
|
+
flex-direction: row;
|
111
108
|
}
|
112
109
|
.ui.toast-container.horizontal .toast-box {
|
113
110
|
margin-right: 0.5em;
|
@@ -116,6 +113,7 @@
|
|
116
113
|
margin-bottom: 0.5em;
|
117
114
|
border-radius: 0.28571429rem;
|
118
115
|
cursor: default;
|
116
|
+
will-change: transform, opacity;
|
119
117
|
}
|
120
118
|
.ui.toast-container .toast-box:hover {
|
121
119
|
opacity: 1;
|
@@ -125,8 +123,7 @@
|
|
125
123
|
}
|
126
124
|
.ui.toast-container .toast-box.floating,
|
127
125
|
.ui.toast-container .toast-box.hoverfloating:hover {
|
128
|
-
|
129
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
126
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
130
127
|
border: 1px solid rgba(34, 36, 38, 0.12);
|
131
128
|
}
|
132
129
|
.ui.toast-container .toast-box.compact,
|
@@ -173,9 +170,7 @@
|
|
173
170
|
margin-bottom: -1em;
|
174
171
|
}
|
175
172
|
.ui.toast-container .toast-box > .ui.message.icon {
|
176
|
-
-
|
177
|
-
-ms-flex-align: inherit;
|
178
|
-
align-items: inherit;
|
173
|
+
align-items: inherit;
|
179
174
|
}
|
180
175
|
.ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
|
181
176
|
padding-left: 5rem;
|
@@ -185,13 +180,11 @@
|
|
185
180
|
position: absolute;
|
186
181
|
width: 4rem;
|
187
182
|
top: 50%;
|
188
|
-
|
189
|
-
transform: translateY(-50%);
|
183
|
+
transform: translateY(-50%);
|
190
184
|
}
|
191
185
|
.ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > i.icon:not(.close) {
|
192
186
|
top: calc(50% - 1.2em);
|
193
|
-
|
194
|
-
transform: none;
|
187
|
+
transform: none;
|
195
188
|
}
|
196
189
|
.ui.toast-container .toast-box > .ui.message.icon:not(.vertical).icon.icon.icon {
|
197
190
|
display: block;
|
@@ -200,7 +193,6 @@
|
|
200
193
|
cursor: pointer;
|
201
194
|
margin: 0;
|
202
195
|
opacity: 0.7;
|
203
|
-
-webkit-transition: opacity 0.1s ease;
|
204
196
|
transition: opacity 0.1s ease;
|
205
197
|
}
|
206
198
|
.ui.toast-container .toast-box .ui.toast > .close.icon:hover {
|
@@ -250,26 +242,20 @@
|
|
250
242
|
border-bottom-right-radius: 0;
|
251
243
|
}
|
252
244
|
.ui.toast-container .toast-box .progressing {
|
253
|
-
|
254
|
-
|
255
|
-
-webkit-animation-timing-function: linear;
|
256
|
-
animation-timing-function: linear;
|
245
|
+
animation-iteration-count: 1;
|
246
|
+
animation-timing-function: linear;
|
257
247
|
}
|
258
248
|
.ui.toast-container .toast-box .progressing.up {
|
259
|
-
|
260
|
-
animation-name: progressUp;
|
249
|
+
animation-name: progressUp;
|
261
250
|
}
|
262
251
|
.ui.toast-container .toast-box .progressing.down {
|
263
|
-
|
264
|
-
animation-name: progressDown;
|
252
|
+
animation-name: progressDown;
|
265
253
|
}
|
266
254
|
.ui.toast-container .toast-box .progressing.wait {
|
267
|
-
|
268
|
-
animation-name: progressWait;
|
255
|
+
animation-name: progressWait;
|
269
256
|
}
|
270
257
|
.ui.toast-container .toast-box:hover .pausable.progressing {
|
271
|
-
|
272
|
-
animation-play-state: paused;
|
258
|
+
animation-play-state: paused;
|
273
259
|
}
|
274
260
|
.ui.toast-container .toast-box .ui.toast:not(.vertical) {
|
275
261
|
display: block;
|
@@ -294,33 +280,23 @@
|
|
294
280
|
.ui.toast-container .toast-box .vertical.actions > .button,
|
295
281
|
.ui.toast-container .toast-box > .vertical > .vertical.vertical,
|
296
282
|
.ui.toast-container .toast-box > .vertical.vertical.vertical {
|
297
|
-
display: -webkit-box;
|
298
|
-
display: -ms-flexbox;
|
299
283
|
display: flex;
|
300
284
|
}
|
301
285
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions {
|
302
|
-
-
|
303
|
-
-webkit-box-direction: normal;
|
304
|
-
-ms-flex-direction: column;
|
305
|
-
flex-direction: column;
|
286
|
+
flex-direction: column;
|
306
287
|
}
|
307
288
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions > .button {
|
308
|
-
-
|
309
|
-
-ms-flex-pack: center;
|
310
|
-
justify-content: center;
|
289
|
+
justify-content: center;
|
311
290
|
}
|
312
291
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions.attached > .button {
|
313
|
-
-
|
314
|
-
-ms-flex-align: center;
|
315
|
-
align-items: center;
|
292
|
+
align-items: center;
|
316
293
|
}
|
317
294
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached) {
|
318
295
|
border-top: 0;
|
319
296
|
margin-top: -0.75em;
|
320
297
|
margin-bottom: -0.75em;
|
321
298
|
margin-left: 1em;
|
322
|
-
-
|
323
|
-
justify-content: space-around;
|
299
|
+
justify-content: space-around;
|
324
300
|
}
|
325
301
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic) {
|
326
302
|
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
@@ -329,14 +305,10 @@
|
|
329
305
|
margin-bottom: 0.3em;
|
330
306
|
}
|
331
307
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top {
|
332
|
-
-
|
333
|
-
-ms-flex-pack: start;
|
334
|
-
justify-content: flex-start;
|
308
|
+
justify-content: flex-start;
|
335
309
|
}
|
336
310
|
.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom {
|
337
|
-
-
|
338
|
-
-ms-flex-pack: end;
|
339
|
-
justify-content: flex-end;
|
311
|
+
justify-content: flex-end;
|
340
312
|
}
|
341
313
|
.ui.vertical.attached:not(.left).card > .image > img {
|
342
314
|
border-top-right-radius: 0;
|
@@ -420,7 +392,7 @@
|
|
420
392
|
padding: 0.78571429em 1em;
|
421
393
|
margin: 0 -1px -0.01em;
|
422
394
|
color: rgba(0, 0, 0, 0.87);
|
423
|
-
background-color: #
|
395
|
+
background-color: #fff;
|
424
396
|
}
|
425
397
|
.ui.toast > .content > .header {
|
426
398
|
font-weight: bold;
|
@@ -428,23 +400,23 @@
|
|
428
400
|
margin: 0;
|
429
401
|
}
|
430
402
|
.ui.toast.info {
|
431
|
-
background-color: #
|
403
|
+
background-color: #31ccec;
|
432
404
|
color: rgba(255, 255, 255, 0.9);
|
433
405
|
}
|
434
406
|
.ui.toast.warning {
|
435
|
-
background-color: #
|
407
|
+
background-color: #f2c037;
|
436
408
|
color: rgba(255, 255, 255, 0.9);
|
437
409
|
}
|
438
410
|
.ui.toast.success {
|
439
|
-
background-color: #
|
411
|
+
background-color: #21ba45;
|
440
412
|
color: rgba(255, 255, 255, 0.9);
|
441
413
|
}
|
442
414
|
.ui.toast.error {
|
443
|
-
background-color: #
|
415
|
+
background-color: #db2828;
|
444
416
|
color: rgba(255, 255, 255, 0.9);
|
445
417
|
}
|
446
418
|
.ui.toast.neutral {
|
447
|
-
background-color: #
|
419
|
+
background-color: #fff;
|
448
420
|
color: rgba(0, 0, 0, 0.87);
|
449
421
|
}
|
450
422
|
.ui.toast > i.icon:not(.close) {
|
@@ -480,8 +452,7 @@
|
|
480
452
|
}
|
481
453
|
.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
|
482
454
|
.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
|
483
|
-
|
484
|
-
transform: translateY(-50%);
|
455
|
+
transform: translateY(-50%);
|
485
456
|
top: 50%;
|
486
457
|
}
|
487
458
|
.ui.toast:not(.vertical).actions > .centered.image {
|
@@ -490,6 +461,12 @@
|
|
490
461
|
.ui.toast:not(.vertical).actions > .centered.icon {
|
491
462
|
top: calc(50% - 1.2em);
|
492
463
|
}
|
464
|
+
.ui.toast.vertical > .content {
|
465
|
+
flex-grow: 1;
|
466
|
+
}
|
467
|
+
.ui.toast.vertical.attached {
|
468
|
+
flex-grow: 1;
|
469
|
+
}
|
493
470
|
.ui.toast.vertical > .close.icon + .content {
|
494
471
|
padding-left: 1em;
|
495
472
|
}
|
@@ -498,17 +475,14 @@
|
|
498
475
|
padding-left: 1em;
|
499
476
|
}
|
500
477
|
.ui.toast.vertical > .ui.image {
|
501
|
-
-
|
502
|
-
|
503
|
-
-ms-flex-negative: 0;
|
504
|
-
flex-shrink: 0;
|
478
|
+
align-self: flex-start;
|
479
|
+
flex-shrink: 0;
|
505
480
|
|
506
481
|
/* IE11 fix */
|
507
482
|
}
|
508
483
|
.ui.toast.vertical > .centered.image,
|
509
484
|
.ui.toast.vertical > .centered.icon {
|
510
|
-
-
|
511
|
-
align-self: center;
|
485
|
+
align-self: center;
|
512
486
|
}
|
513
487
|
.ui.toast.attached.bottom {
|
514
488
|
border-top-left-radius: 0;
|
@@ -518,9 +492,30 @@
|
|
518
492
|
border-bottom-left-radius: 0;
|
519
493
|
border-bottom-right-radius: 0;
|
520
494
|
}
|
495
|
+
.ui.toast.ui.ui.ui.image {
|
496
|
+
padding: 0;
|
497
|
+
}
|
498
|
+
.ui.toast.ui.ui.ui.image > .content {
|
499
|
+
padding-top: 0.78571429em;
|
500
|
+
padding-bottom: 0.78571429em;
|
501
|
+
padding-right: 1em;
|
502
|
+
}
|
503
|
+
.ui.toast.ui.ui.ui.image > .actions {
|
504
|
+
margin: 0;
|
505
|
+
}
|
506
|
+
.ui.toast.ui.ui.ui.image > .ui.image {
|
507
|
+
border-top-left-radius: 0.28571429rem;
|
508
|
+
border-bottom-left-radius: 0.28571429rem;
|
509
|
+
}
|
510
|
+
.ui.toast.ui.ui.ui.image > .ui.image.mini {
|
511
|
+
min-width: calc(0.7857142857142857em + 35px);
|
512
|
+
}
|
513
|
+
.ui.toast.ui.ui.ui.image > .ui.image.mini + .content {
|
514
|
+
min-height: calc(0.7857142857142857em + 35px);
|
515
|
+
padding-left: 4.4em;
|
516
|
+
}
|
521
517
|
.ui.hoverfloating.message:hover {
|
522
|
-
|
523
|
-
box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
518
|
+
box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
524
519
|
}
|
525
520
|
.ui.center.toast-container .toast-box,
|
526
521
|
.ui.right.toast-container .toast-box {
|
@@ -532,12 +527,8 @@
|
|
532
527
|
.ui.ui.toast-container .toast-box .centered.toast,
|
533
528
|
.ui.ui.toast-container .toast-box .center.aligned.toast {
|
534
529
|
text-align: center;
|
535
|
-
display: -webkit-box;
|
536
|
-
display: -ms-flexbox;
|
537
530
|
display: flex;
|
538
|
-
-
|
539
|
-
-ms-flex-pack: center;
|
540
|
-
justify-content: center;
|
531
|
+
justify-content: center;
|
541
532
|
}
|
542
533
|
.ui.ui.toast-container .toast-box .centered.toast > .content,
|
543
534
|
.ui.ui.toast-container .toast-box .center.aligned.toast > .content,
|
@@ -545,8 +536,7 @@
|
|
545
536
|
.ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
|
546
537
|
.ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
|
547
538
|
.ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
|
548
|
-
-
|
549
|
-
align-self: center;
|
539
|
+
align-self: center;
|
550
540
|
}
|
551
541
|
.ui.toast-container .toast-box .toast .centered.content,
|
552
542
|
.ui.toast-container .toast-box .toast .center.aligned.content {
|
@@ -562,21 +552,20 @@
|
|
562
552
|
margin-right: 0.25em;
|
563
553
|
}
|
564
554
|
|
565
|
-
|
555
|
+
/* --------------
|
566
556
|
Colors
|
567
557
|
-------------- */
|
568
|
-
|
569
558
|
.ui.primary.toast {
|
570
|
-
background-color: #
|
559
|
+
background-color: #2185d0;
|
571
560
|
color: rgba(255, 255, 255, 0.9);
|
572
561
|
}
|
573
562
|
.ui.inverted.primary.toast,
|
574
563
|
.ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
|
575
|
-
background-color: #
|
564
|
+
background-color: #54c8ff;
|
576
565
|
color: rgba(0, 0, 0, 0.87);
|
577
566
|
}
|
578
567
|
.ui.secondary.toast {
|
579
|
-
background-color: #
|
568
|
+
background-color: #1b1c1d;
|
580
569
|
color: rgba(255, 255, 255, 0.9);
|
581
570
|
}
|
582
571
|
.ui.inverted.secondary.toast,
|
@@ -585,102 +574,102 @@
|
|
585
574
|
color: rgba(0, 0, 0, 0.87);
|
586
575
|
}
|
587
576
|
.ui.red.toast {
|
588
|
-
background-color: #
|
577
|
+
background-color: #db2828;
|
589
578
|
color: rgba(255, 255, 255, 0.9);
|
590
579
|
}
|
591
580
|
.ui.inverted.red.toast,
|
592
581
|
.ui.toast-container .toast-box > .inverted.red.attached.progress .bar {
|
593
|
-
background-color: #
|
582
|
+
background-color: #ff695e;
|
594
583
|
color: rgba(0, 0, 0, 0.87);
|
595
584
|
}
|
596
585
|
.ui.orange.toast {
|
597
|
-
background-color: #
|
586
|
+
background-color: #f2711c;
|
598
587
|
color: rgba(255, 255, 255, 0.9);
|
599
588
|
}
|
600
589
|
.ui.inverted.orange.toast,
|
601
590
|
.ui.toast-container .toast-box > .inverted.orange.attached.progress .bar {
|
602
|
-
background-color: #
|
591
|
+
background-color: #ff851b;
|
603
592
|
color: rgba(0, 0, 0, 0.87);
|
604
593
|
}
|
605
594
|
.ui.yellow.toast {
|
606
|
-
background-color: #
|
595
|
+
background-color: #fbbd08;
|
607
596
|
color: rgba(255, 255, 255, 0.9);
|
608
597
|
}
|
609
598
|
.ui.inverted.yellow.toast,
|
610
599
|
.ui.toast-container .toast-box > .inverted.yellow.attached.progress .bar {
|
611
|
-
background-color: #
|
600
|
+
background-color: #ffe21f;
|
612
601
|
color: rgba(0, 0, 0, 0.87);
|
613
602
|
}
|
614
603
|
.ui.olive.toast {
|
615
|
-
background-color: #
|
604
|
+
background-color: #b5cc18;
|
616
605
|
color: rgba(255, 255, 255, 0.9);
|
617
606
|
}
|
618
607
|
.ui.inverted.olive.toast,
|
619
608
|
.ui.toast-container .toast-box > .inverted.olive.attached.progress .bar {
|
620
|
-
background-color: #
|
609
|
+
background-color: #d9e778;
|
621
610
|
color: rgba(0, 0, 0, 0.87);
|
622
611
|
}
|
623
612
|
.ui.green.toast {
|
624
|
-
background-color: #
|
613
|
+
background-color: #21ba45;
|
625
614
|
color: rgba(255, 255, 255, 0.9);
|
626
615
|
}
|
627
616
|
.ui.inverted.green.toast,
|
628
617
|
.ui.toast-container .toast-box > .inverted.green.attached.progress .bar {
|
629
|
-
background-color: #
|
618
|
+
background-color: #2ecc40;
|
630
619
|
color: rgba(0, 0, 0, 0.87);
|
631
620
|
}
|
632
621
|
.ui.teal.toast {
|
633
|
-
background-color: #
|
622
|
+
background-color: #00b5ad;
|
634
623
|
color: rgba(255, 255, 255, 0.9);
|
635
624
|
}
|
636
625
|
.ui.inverted.teal.toast,
|
637
626
|
.ui.toast-container .toast-box > .inverted.teal.attached.progress .bar {
|
638
|
-
background-color: #
|
627
|
+
background-color: #6dffff;
|
639
628
|
color: rgba(0, 0, 0, 0.87);
|
640
629
|
}
|
641
630
|
.ui.blue.toast {
|
642
|
-
background-color: #
|
631
|
+
background-color: #2185d0;
|
643
632
|
color: rgba(255, 255, 255, 0.9);
|
644
633
|
}
|
645
634
|
.ui.inverted.blue.toast,
|
646
635
|
.ui.toast-container .toast-box > .inverted.blue.attached.progress .bar {
|
647
|
-
background-color: #
|
636
|
+
background-color: #54c8ff;
|
648
637
|
color: rgba(0, 0, 0, 0.87);
|
649
638
|
}
|
650
639
|
.ui.violet.toast {
|
651
|
-
background-color: #
|
640
|
+
background-color: #6435c9;
|
652
641
|
color: rgba(255, 255, 255, 0.9);
|
653
642
|
}
|
654
643
|
.ui.inverted.violet.toast,
|
655
644
|
.ui.toast-container .toast-box > .inverted.violet.attached.progress .bar {
|
656
|
-
background-color: #
|
645
|
+
background-color: #a291fb;
|
657
646
|
color: rgba(0, 0, 0, 0.87);
|
658
647
|
}
|
659
648
|
.ui.purple.toast {
|
660
|
-
background-color: #
|
649
|
+
background-color: #a333c8;
|
661
650
|
color: rgba(255, 255, 255, 0.9);
|
662
651
|
}
|
663
652
|
.ui.inverted.purple.toast,
|
664
653
|
.ui.toast-container .toast-box > .inverted.purple.attached.progress .bar {
|
665
|
-
background-color: #
|
654
|
+
background-color: #dc73ff;
|
666
655
|
color: rgba(0, 0, 0, 0.87);
|
667
656
|
}
|
668
657
|
.ui.pink.toast {
|
669
|
-
background-color: #
|
658
|
+
background-color: #e03997;
|
670
659
|
color: rgba(255, 255, 255, 0.9);
|
671
660
|
}
|
672
661
|
.ui.inverted.pink.toast,
|
673
662
|
.ui.toast-container .toast-box > .inverted.pink.attached.progress .bar {
|
674
|
-
background-color: #
|
663
|
+
background-color: #ff8edf;
|
675
664
|
color: rgba(0, 0, 0, 0.87);
|
676
665
|
}
|
677
666
|
.ui.brown.toast {
|
678
|
-
background-color: #
|
667
|
+
background-color: #a5673f;
|
679
668
|
color: rgba(255, 255, 255, 0.9);
|
680
669
|
}
|
681
670
|
.ui.inverted.brown.toast,
|
682
671
|
.ui.toast-container .toast-box > .inverted.brown.attached.progress .bar {
|
683
|
-
background-color: #
|
672
|
+
background-color: #d67c1c;
|
684
673
|
color: rgba(0, 0, 0, 0.87);
|
685
674
|
}
|
686
675
|
.ui.grey.toast {
|
@@ -689,11 +678,11 @@
|
|
689
678
|
}
|
690
679
|
.ui.inverted.grey.toast,
|
691
680
|
.ui.toast-container .toast-box > .inverted.grey.attached.progress .bar {
|
692
|
-
background-color: #
|
681
|
+
background-color: #dcddde;
|
693
682
|
color: rgba(0, 0, 0, 0.87);
|
694
683
|
}
|
695
684
|
.ui.black.toast {
|
696
|
-
background-color: #
|
685
|
+
background-color: #1b1c1d;
|
697
686
|
color: rgba(255, 255, 255, 0.9);
|
698
687
|
}
|
699
688
|
.ui.inverted.black.toast,
|
@@ -703,7 +692,7 @@
|
|
703
692
|
}
|
704
693
|
.ui.inverted.toast {
|
705
694
|
color: rgba(255, 255, 255, 0.9);
|
706
|
-
background-color: #
|
695
|
+
background-color: #1b1c1d;
|
707
696
|
}
|
708
697
|
@media only screen and (max-width: 420px) {
|
709
698
|
.ui.toast-container .toast-box.toast-box,
|
@@ -722,18 +711,9 @@
|
|
722
711
|
}
|
723
712
|
}
|
724
713
|
|
725
|
-
|
714
|
+
/* ---------------
|
726
715
|
Progress Bar
|
727
|
-
|
728
|
-
|
729
|
-
@-webkit-keyframes progressDown {
|
730
|
-
0% {
|
731
|
-
width: 100%;
|
732
|
-
}
|
733
|
-
100% {
|
734
|
-
width: 0;
|
735
|
-
}
|
736
|
-
}
|
716
|
+
---------------- */
|
737
717
|
@keyframes progressDown {
|
738
718
|
0% {
|
739
719
|
width: 100%;
|
@@ -742,14 +722,6 @@
|
|
742
722
|
width: 0;
|
743
723
|
}
|
744
724
|
}
|
745
|
-
@-webkit-keyframes progressUp {
|
746
|
-
0% {
|
747
|
-
width: 0;
|
748
|
-
}
|
749
|
-
100% {
|
750
|
-
width: 100%;
|
751
|
-
}
|
752
|
-
}
|
753
725
|
@keyframes progressUp {
|
754
726
|
0% {
|
755
727
|
width: 0;
|
@@ -758,14 +730,6 @@
|
|
758
730
|
width: 100%;
|
759
731
|
}
|
760
732
|
}
|
761
|
-
@-webkit-keyframes progressWait {
|
762
|
-
0% {
|
763
|
-
opacity: 1;
|
764
|
-
}
|
765
|
-
100% {
|
766
|
-
opacity: 0;
|
767
|
-
}
|
768
|
-
}
|
769
733
|
@keyframes progressWait {
|
770
734
|
0% {
|
771
735
|
opacity: 1;
|
@@ -774,3 +738,9 @@
|
|
774
738
|
opacity: 0;
|
775
739
|
}
|
776
740
|
}
|
741
|
+
|
742
|
+
|
743
|
+
/*******************************
|
744
|
+
Theme Overrides
|
745
|
+
*******************************/
|
746
|
+
|