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 - Dimmer
|
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
|
|
@@ -19,8 +19,8 @@
|
|
19
19
|
.ui.dimmer {
|
20
20
|
display: none;
|
21
21
|
position: absolute;
|
22
|
-
top: 0
|
23
|
-
left: 0
|
22
|
+
top: 0;
|
23
|
+
left: 0;
|
24
24
|
width: 100%;
|
25
25
|
height: 100%;
|
26
26
|
text-align: center;
|
@@ -29,24 +29,13 @@
|
|
29
29
|
background: rgba(0, 0, 0, 0.85);
|
30
30
|
opacity: 0;
|
31
31
|
line-height: 1;
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
-
|
37
|
-
|
38
|
-
-webkit-box-orient: vertical;
|
39
|
-
-webkit-box-direction: normal;
|
40
|
-
-ms-flex-direction: column;
|
41
|
-
flex-direction: column;
|
42
|
-
-webkit-box-align: center;
|
43
|
-
-ms-flex-align: center;
|
44
|
-
align-items: center;
|
45
|
-
-webkit-box-pack: center;
|
46
|
-
-ms-flex-pack: center;
|
47
|
-
justify-content: center;
|
32
|
+
animation-fill-mode: both;
|
33
|
+
animation-duration: 0.5s;
|
34
|
+
transition: all 0.5s linear;
|
35
|
+
flex-direction: column;
|
36
|
+
align-items: center;
|
37
|
+
justify-content: center;
|
48
38
|
-webkit-user-select: none;
|
49
|
-
-moz-user-select: none;
|
50
39
|
-ms-user-select: none;
|
51
40
|
user-select: none;
|
52
41
|
will-change: opacity;
|
@@ -56,10 +45,9 @@
|
|
56
45
|
/* Dimmer Content */
|
57
46
|
.ui.dimmer > .content {
|
58
47
|
-webkit-user-select: text;
|
59
|
-
-moz-user-select: text;
|
60
48
|
-ms-user-select: text;
|
61
49
|
user-select: text;
|
62
|
-
color: #
|
50
|
+
color: #fff;
|
63
51
|
}
|
64
52
|
|
65
53
|
/* Loose Coupling */
|
@@ -80,6 +68,17 @@
|
|
80
68
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
|
81
69
|
background: rgba(255, 255, 255, 0.35);
|
82
70
|
}
|
71
|
+
.ui.dimmer:not(.inverted) {
|
72
|
+
|
73
|
+
/* IE11 */
|
74
|
+
scrollbar-face-color: #656565;
|
75
|
+
scrollbar-shadow-color: #656565;
|
76
|
+
scrollbar-track-color: #323232;
|
77
|
+
scrollbar-arrow-color: #323232;
|
78
|
+
|
79
|
+
/* firefox: first color thumb, second track */
|
80
|
+
scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
|
81
|
+
}
|
83
82
|
|
84
83
|
|
85
84
|
/*******************************
|
@@ -97,8 +96,6 @@
|
|
97
96
|
.dimmed.dimmable > .ui.animating.dimmer,
|
98
97
|
.dimmed.dimmable > .ui.visible.dimmer,
|
99
98
|
.ui.active.dimmer {
|
100
|
-
display: -webkit-box;
|
101
|
-
display: -ms-flexbox;
|
102
99
|
display: flex;
|
103
100
|
opacity: 1;
|
104
101
|
}
|
@@ -115,10 +112,9 @@
|
|
115
112
|
*******************************/
|
116
113
|
|
117
114
|
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
115
|
+
/* --------------
|
116
|
+
Legacy
|
117
|
+
--------------- */
|
122
118
|
|
123
119
|
/* Animating / Active / Visible */
|
124
120
|
.dimmed.dimmable > .ui.animating.legacy.dimmer,
|
@@ -127,33 +123,24 @@
|
|
127
123
|
display: block;
|
128
124
|
}
|
129
125
|
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
126
|
+
/* --------------
|
127
|
+
Alignment
|
128
|
+
--------------- */
|
134
129
|
.ui[class*="top aligned"].dimmer {
|
135
|
-
-
|
136
|
-
-ms-flex-pack: start;
|
137
|
-
justify-content: flex-start;
|
130
|
+
justify-content: flex-start;
|
138
131
|
}
|
139
132
|
.ui[class*="bottom aligned"].dimmer {
|
140
|
-
-
|
141
|
-
-ms-flex-pack: end;
|
142
|
-
justify-content: flex-end;
|
133
|
+
justify-content: flex-end;
|
143
134
|
}
|
144
135
|
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
136
|
+
/* --------------
|
137
|
+
Page
|
138
|
+
--------------- */
|
149
139
|
.ui.page.dimmer {
|
150
140
|
position: fixed;
|
151
|
-
|
152
|
-
|
153
|
-
-
|
154
|
-
perspective: 2000px;
|
155
|
-
-webkit-transform-origin: center center;
|
156
|
-
transform-origin: center center;
|
141
|
+
transform-style: "";
|
142
|
+
perspective: 2000px;
|
143
|
+
transform-origin: center center;
|
157
144
|
}
|
158
145
|
.ui.page.dimmer.modals {
|
159
146
|
-moz-perspective: none;
|
@@ -166,35 +153,32 @@ body.dimmable > .dimmer {
|
|
166
153
|
position: fixed;
|
167
154
|
}
|
168
155
|
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
.blurring.dimmable > :not(.dimmer) {
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
}
|
181
|
-
.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
|
182
|
-
-webkit-filter: blur(5px) grayscale(0.7);
|
183
|
-
filter: blur(5px) grayscale(0.7);
|
156
|
+
/* --------------
|
157
|
+
Blurring
|
158
|
+
--------------- */
|
159
|
+
@supports (not (-webkit-backdrop-filter: none)) and (not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))) {
|
160
|
+
.blurring.dimmable > :not(.dimmer) {
|
161
|
+
filter: initial;
|
162
|
+
transition: 800ms filter ease;
|
163
|
+
}
|
164
|
+
.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
|
165
|
+
filter: blur(5px) grayscale(0.7);
|
166
|
+
}
|
184
167
|
}
|
185
168
|
|
186
169
|
/* Dimmer Color */
|
187
170
|
.blurring.dimmable > .dimmer {
|
188
171
|
background: rgba(0, 0, 0, 0.6);
|
172
|
+
-webkit-backdrop-filter: blur(5px) grayscale(0.7);
|
173
|
+
backdrop-filter: blur(5px) grayscale(0.7);
|
189
174
|
}
|
190
175
|
.blurring.dimmable > .inverted.dimmer {
|
191
176
|
background: rgba(255, 255, 255, 0.6);
|
192
177
|
}
|
193
178
|
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
179
|
+
/* --------------
|
180
|
+
Aligned
|
181
|
+
--------------- */
|
198
182
|
.ui.dimmer > .top.aligned.content > * {
|
199
183
|
vertical-align: top;
|
200
184
|
}
|
@@ -202,10 +186,9 @@ body.dimmable > .dimmer {
|
|
202
186
|
vertical-align: bottom;
|
203
187
|
}
|
204
188
|
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
189
|
+
/* --------------
|
190
|
+
Shades
|
191
|
+
--------------- */
|
209
192
|
.medium.medium.medium.medium.medium.dimmer {
|
210
193
|
background: rgba(0, 0, 0, 0.65);
|
211
194
|
}
|
@@ -216,22 +199,20 @@ body.dimmable > .dimmer {
|
|
216
199
|
background: rgba(0, 0, 0, 0.25);
|
217
200
|
}
|
218
201
|
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
202
|
+
/* --------------
|
203
|
+
Inverted
|
204
|
+
--------------- */
|
223
205
|
.ui.inverted.dimmer {
|
224
206
|
background: rgba(255, 255, 255, 0.85);
|
225
207
|
}
|
226
208
|
.ui.inverted.dimmer > .content,
|
227
209
|
.ui.inverted.dimmer > .content > * {
|
228
|
-
color: #
|
210
|
+
color: #000;
|
229
211
|
}
|
230
212
|
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
213
|
+
/* --------------
|
214
|
+
Inverted Shades
|
215
|
+
--------------- */
|
235
216
|
.medium.medium.medium.medium.medium.inverted.dimmer {
|
236
217
|
background: rgba(255, 255, 255, 0.65);
|
237
218
|
}
|
@@ -242,10 +223,9 @@ body.dimmable > .dimmer {
|
|
242
223
|
background: rgba(255, 255, 255, 0.25);
|
243
224
|
}
|
244
225
|
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
226
|
+
/* --------------
|
227
|
+
Simple
|
228
|
+
--------------- */
|
249
229
|
|
250
230
|
/* Displays without javascript */
|
251
231
|
.ui.simple.dimmer {
|
@@ -272,23 +252,21 @@ body.dimmable > .dimmer {
|
|
272
252
|
background: rgba(255, 255, 255, 0.85);
|
273
253
|
}
|
274
254
|
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
255
|
+
/* --------------
|
256
|
+
Partially
|
257
|
+
---------------- */
|
279
258
|
.ui[class*="top dimmer"],
|
280
259
|
.ui[class*="center dimmer"],
|
281
260
|
.ui[class*="bottom dimmer"] {
|
282
261
|
height: auto;
|
283
262
|
}
|
284
263
|
.ui[class*="bottom dimmer"] {
|
285
|
-
top: auto
|
264
|
+
top: auto;
|
286
265
|
bottom: 0;
|
287
266
|
}
|
288
267
|
.ui[class*="center dimmer"] {
|
289
|
-
top: 50
|
268
|
+
top: 50%;
|
290
269
|
transform: translateY(-50%);
|
291
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
292
270
|
}
|
293
271
|
.ui.segment > .ui.ui[class*="top dimmer"] {
|
294
272
|
border-bottom-left-radius: 0;
|
@@ -302,137 +280,58 @@ body.dimmable > .dimmer {
|
|
302
280
|
border-top-right-radius: 0;
|
303
281
|
}
|
304
282
|
.ui[class*="center dimmer"].transition[class*="fade up"].in {
|
305
|
-
|
306
|
-
animation-name: fadeInUpCenter;
|
283
|
+
animation-name: fadeInUpCenter;
|
307
284
|
}
|
308
285
|
.ui[class*="center dimmer"].transition[class*="fade down"].in {
|
309
|
-
|
310
|
-
animation-name: fadeInDownCenter;
|
286
|
+
animation-name: fadeInDownCenter;
|
311
287
|
}
|
312
288
|
.ui[class*="center dimmer"].transition[class*="fade up"].out {
|
313
|
-
|
314
|
-
animation-name: fadeOutUpCenter;
|
289
|
+
animation-name: fadeOutUpCenter;
|
315
290
|
}
|
316
291
|
.ui[class*="center dimmer"].transition[class*="fade down"].out {
|
317
|
-
|
318
|
-
animation-name: fadeOutDownCenter;
|
292
|
+
animation-name: fadeOutDownCenter;
|
319
293
|
}
|
320
294
|
.ui[class*="center dimmer"].bounce.transition {
|
321
|
-
|
322
|
-
animation-name: bounceCenter;
|
323
|
-
}
|
324
|
-
@-webkit-keyframes fadeInUpCenter {
|
325
|
-
0% {
|
326
|
-
opacity: 0;
|
327
|
-
transform: translateY(-40%);
|
328
|
-
-webkit-transform: translateY(calc(-40% - 0.5px));
|
329
|
-
}
|
330
|
-
100% {
|
331
|
-
opacity: 1;
|
332
|
-
transform: translateY(-50%);
|
333
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
334
|
-
}
|
295
|
+
animation-name: bounceCenter;
|
335
296
|
}
|
336
297
|
@keyframes fadeInUpCenter {
|
337
298
|
0% {
|
338
299
|
opacity: 0;
|
339
300
|
transform: translateY(-40%);
|
340
|
-
-webkit-transform: translateY(calc(-40% - 0.5px));
|
341
|
-
}
|
342
|
-
100% {
|
343
|
-
opacity: 1;
|
344
|
-
transform: translateY(-50%);
|
345
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
346
|
-
}
|
347
|
-
}
|
348
|
-
@-webkit-keyframes fadeInDownCenter {
|
349
|
-
0% {
|
350
|
-
opacity: 0;
|
351
|
-
transform: translateY(-60%);
|
352
|
-
-webkit-transform: translateY(calc(-60% - 0.5px));
|
353
301
|
}
|
354
302
|
100% {
|
355
303
|
opacity: 1;
|
356
304
|
transform: translateY(-50%);
|
357
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
358
305
|
}
|
359
306
|
}
|
360
307
|
@keyframes fadeInDownCenter {
|
361
308
|
0% {
|
362
309
|
opacity: 0;
|
363
310
|
transform: translateY(-60%);
|
364
|
-
-webkit-transform: translateY(calc(-60% - 0.5px));
|
365
311
|
}
|
366
312
|
100% {
|
367
313
|
opacity: 1;
|
368
314
|
transform: translateY(-50%);
|
369
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
370
|
-
}
|
371
|
-
}
|
372
|
-
@-webkit-keyframes fadeOutUpCenter {
|
373
|
-
0% {
|
374
|
-
opacity: 1;
|
375
|
-
transform: translateY(-50%);
|
376
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
377
|
-
}
|
378
|
-
100% {
|
379
|
-
opacity: 0;
|
380
|
-
transform: translateY(-45%);
|
381
|
-
-webkit-transform: translateY(calc(-45% - 0.5px));
|
382
315
|
}
|
383
316
|
}
|
384
317
|
@keyframes fadeOutUpCenter {
|
385
318
|
0% {
|
386
319
|
opacity: 1;
|
387
320
|
transform: translateY(-50%);
|
388
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
389
321
|
}
|
390
322
|
100% {
|
391
323
|
opacity: 0;
|
392
324
|
transform: translateY(-45%);
|
393
|
-
-webkit-transform: translateY(calc(-45% - 0.5px));
|
394
|
-
}
|
395
|
-
}
|
396
|
-
@-webkit-keyframes fadeOutDownCenter {
|
397
|
-
0% {
|
398
|
-
opacity: 1;
|
399
|
-
transform: translateY(-50%);
|
400
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
401
|
-
}
|
402
|
-
100% {
|
403
|
-
opacity: 0;
|
404
|
-
transform: translateY(-55%);
|
405
|
-
-webkit-transform: translateY(calc(-55% - 0.5px));
|
406
325
|
}
|
407
326
|
}
|
408
327
|
@keyframes fadeOutDownCenter {
|
409
328
|
0% {
|
410
329
|
opacity: 1;
|
411
330
|
transform: translateY(-50%);
|
412
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
413
331
|
}
|
414
332
|
100% {
|
415
333
|
opacity: 0;
|
416
334
|
transform: translateY(-55%);
|
417
|
-
-webkit-transform: translateY(calc(-55% - 0.5px));
|
418
|
-
}
|
419
|
-
}
|
420
|
-
@-webkit-keyframes bounceCenter {
|
421
|
-
0%,
|
422
|
-
20%,
|
423
|
-
50%,
|
424
|
-
80%,
|
425
|
-
100% {
|
426
|
-
transform: translateY(-50%);
|
427
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
428
|
-
}
|
429
|
-
40% {
|
430
|
-
-webkit-transform: translateY(calc(-50% - 30px));
|
431
|
-
transform: translateY(calc(-50% - 30px));
|
432
|
-
}
|
433
|
-
60% {
|
434
|
-
-webkit-transform: translateY(calc(-50% - 15px));
|
435
|
-
transform: translateY(calc(-50% - 15px));
|
436
335
|
}
|
437
336
|
}
|
438
337
|
@keyframes bounceCenter {
|
@@ -442,15 +341,12 @@ body.dimmable > .dimmer {
|
|
442
341
|
80%,
|
443
342
|
100% {
|
444
343
|
transform: translateY(-50%);
|
445
|
-
-webkit-transform: translateY(calc(-50% - 0.5px));
|
446
344
|
}
|
447
345
|
40% {
|
448
|
-
|
449
|
-
transform: translateY(calc(-50% - 30px));
|
346
|
+
transform: translateY(calc(-50% - 30px));
|
450
347
|
}
|
451
348
|
60% {
|
452
|
-
|
453
|
-
transform: translateY(calc(-50% - 15px));
|
349
|
+
transform: translateY(calc(-50% - 15px));
|
454
350
|
}
|
455
351
|
}
|
456
352
|
|