fomantic-ui 2.9.1-beta.27 → 2.9.1-beta.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +0 -1
- package/.github/workflows/ci.yml +6 -0
- package/.prettierrc.js +12 -0
- package/.stylelintrc.js +13 -7
- package/README.md +1 -1
- package/dist/components/accordion.css +9 -21
- package/dist/components/accordion.js +3 -3
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +2 -3
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +3 -3
- package/dist/components/api.min.js +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +336 -713
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +5 -10
- package/dist/components/calendar.js +3 -3
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +88 -201
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +35 -86
- package/dist/components/checkbox.js +3 -3
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +2 -2
- package/dist/components/comment.css +4 -8
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +20 -129
- package/dist/components/dimmer.js +3 -3
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +2 -2
- package/dist/components/divider.css +3 -6
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +51 -149
- package/dist/components/dropdown.js +13 -7
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +2 -7
- package/dist/components/embed.js +3 -3
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +2 -2
- package/dist/components/emoji.css +1 -2
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +7 -21
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +30 -71
- package/dist/components/flyout.js +3 -16
- package/dist/components/flyout.min.css +2 -2
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +32 -101
- package/dist/components/form.js +3 -3
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +72 -182
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +5 -11
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +37 -74
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +8 -21
- package/dist/components/image.min.css +2 -2
- package/dist/components/input.css +15 -50
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +13 -38
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +18 -45
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +1 -7
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +21 -103
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +49 -145
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +50 -114
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +20 -54
- package/dist/components/modal.js +3 -11
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +2 -5
- package/dist/components/nag.js +3 -3
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +2 -2
- package/dist/components/placeholder.css +7 -25
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +68 -139
- package/dist/components/popup.js +16 -7
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +25 -120
- package/dist/components/progress.js +3 -3
- package/dist/components/progress.min.css +2 -2
- package/dist/components/progress.min.js +2 -2
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +2 -39
- package/dist/components/rating.js +3 -3
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +2 -2
- package/dist/components/reset.css +6 -11
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +26 -58
- package/dist/components/reveal.min.css +2 -2
- package/dist/components/search.css +8 -22
- package/dist/components/search.js +3 -3
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +32 -89
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +4 -16
- package/dist/components/shape.js +3 -15
- package/dist/components/shape.min.css +2 -2
- package/dist/components/shape.min.js +2 -2
- package/dist/components/sidebar.css +59 -147
- package/dist/components/sidebar.js +3 -16
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -14
- package/dist/components/site.js +11 -38
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +2 -2
- package/dist/components/slider.css +8 -26
- package/dist/components/slider.js +3 -3
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +3 -3
- package/dist/components/state.min.js +2 -2
- package/dist/components/statistic.css +11 -43
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +26 -89
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -5
- package/dist/components/sticky.js +3 -11
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +2 -2
- package/dist/components/tab.css +3 -5
- package/dist/components/tab.js +3 -3
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +2 -2
- package/dist/components/table.css +202 -409
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +32 -108
- package/dist/components/toast.js +3 -3
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +264 -1312
- package/dist/components/transition.js +3 -3
- package/dist/components/transition.min.css +2 -2
- package/dist/components/transition.min.js +2 -2
- package/dist/components/visibility.js +3 -11
- package/dist/components/visibility.min.js +2 -2
- package/dist/semantic.css +51 -3547
- package/dist/semantic.js +107 -181
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/examples/fixed.html +1 -1
- package/examples/grid.html +1 -1
- package/package.json +2 -2
- package/src/definitions/behaviors/api.js +2 -2
- package/src/definitions/behaviors/form.js +2 -2
- package/src/definitions/behaviors/state.js +2 -2
- package/src/definitions/behaviors/visibility.js +2 -10
- package/src/definitions/collections/table.less +4 -0
- package/src/definitions/elements/button.less +7 -2
- package/src/definitions/elements/icon.less +19 -27
- package/src/definitions/elements/image.less +0 -4
- package/src/definitions/elements/loader.less +2 -0
- package/src/definitions/elements/segment.less +3 -1
- package/src/definitions/globals/site.js +10 -37
- package/src/definitions/modules/accordion.js +2 -2
- package/src/definitions/modules/calendar.js +2 -2
- package/src/definitions/modules/checkbox.js +2 -2
- package/src/definitions/modules/dimmer.js +2 -2
- package/src/definitions/modules/dimmer.less +2 -10
- package/src/definitions/modules/dropdown.js +12 -6
- package/src/definitions/modules/dropdown.less +1 -4
- package/src/definitions/modules/embed.js +2 -2
- package/src/definitions/modules/flyout.js +2 -15
- package/src/definitions/modules/flyout.less +0 -1
- package/src/definitions/modules/modal.js +2 -10
- package/src/definitions/modules/modal.less +0 -2
- package/src/definitions/modules/nag.js +2 -2
- package/src/definitions/modules/popup.js +15 -6
- package/src/definitions/modules/popup.less +2 -0
- package/src/definitions/modules/progress.js +2 -2
- package/src/definitions/modules/rating.js +2 -2
- package/src/definitions/modules/rating.less +2 -4
- package/src/definitions/modules/search.js +2 -2
- package/src/definitions/modules/search.less +0 -1
- package/src/definitions/modules/shape.js +2 -14
- package/src/definitions/modules/sidebar.js +2 -15
- package/src/definitions/modules/sidebar.less +0 -1
- package/src/definitions/modules/slider.js +2 -2
- package/src/definitions/modules/sticky.js +2 -10
- package/src/definitions/modules/sticky.less +0 -7
- package/src/definitions/modules/tab.js +2 -2
- package/src/definitions/modules/toast.js +2 -2
- package/src/definitions/modules/toast.less +3 -1
- package/src/definitions/modules/transition.js +2 -2
- package/src/definitions/views/card.less +4 -15
- package/src/semantic.less +6 -6
- package/src/themes/amazon/elements/button.variables +4 -9
- package/src/themes/bootstrap3/elements/button.variables +3 -7
- package/src/themes/classic/elements/button.variables +6 -12
- package/src/themes/classic/views/card.overrides +2 -4
- package/src/themes/colored/modules/checkbox.variables +1 -3
- package/src/themes/default/collections/form.variables +1 -2
- package/src/themes/default/collections/menu.variables +2 -4
- package/src/themes/default/collections/message.variables +38 -76
- package/src/themes/default/collections/table.variables +2 -4
- package/src/themes/default/elements/button.variables +6 -12
- package/src/themes/default/elements/flag.variables +3 -3
- package/src/themes/default/elements/icon.variables +9 -11
- package/src/themes/default/elements/input.variables +1 -2
- package/src/themes/default/elements/list.variables +3 -7
- package/src/themes/default/elements/placeholder.variables +12 -8
- package/src/themes/default/elements/segment.variables +5 -6
- package/src/themes/default/elements/step.variables +1 -2
- package/src/themes/default/globals/site.variables +41 -83
- package/src/themes/default/modules/accordion.variables +4 -8
- package/src/themes/default/modules/checkbox.variables +4 -8
- package/src/themes/default/modules/dimmer.variables +1 -3
- package/src/themes/default/modules/dropdown.variables +1 -2
- package/src/themes/default/modules/embed.variables +2 -5
- package/src/themes/default/modules/modal.variables +3 -6
- package/src/themes/default/modules/progress.variables +1 -2
- package/src/themes/default/modules/rating.variables +1 -2
- package/src/themes/default/modules/search.variables +3 -6
- package/src/themes/default/modules/shape.variables +1 -2
- package/src/themes/default/modules/slider.variables +3 -1
- package/src/themes/default/views/card.variables +8 -18
- package/src/themes/github/collections/form.variables +1 -2
- package/src/themes/github/collections/menu.variables +1 -2
- package/src/themes/github/collections/message.variables +2 -4
- package/src/themes/github/elements/button.variables +4 -8
- package/src/themes/github/elements/input.variables +1 -2
- package/src/themes/github/modules/dropdown.variables +1 -3
- package/src/themes/material/elements/button.variables +2 -4
- package/src/themes/material/elements/icon.variables +1 -2
- package/src/themes/pulsar/elements/loader.overrides +0 -38
- package/src/themes/raised/elements/button.variables +1 -2
- package/src/themes/round/elements/button.variables +1 -3
- package/src/themes/striped/modules/progress.overrides +11 -11
- package/tasks/README.md +2 -2
- package/tasks/admin/components/create.js +2 -2
- package/tasks/build/assets.js +1 -1
- package/tasks/build/css.js +1 -1
- package/tasks/build/javascript.js +1 -1
- package/tasks/build.js +2 -2
- package/tasks/collections/docs.js +1 -1
- package/tasks/collections/install.js +2 -2
- package/tasks/collections/various.js +1 -1
- package/tasks/config/admin/release.js +5 -5
- package/tasks/config/admin/templates/README.md +8 -8
- package/tasks/config/admin/templates/bower.json +3 -2
- package/tasks/config/admin/templates/component-package.js +3 -3
- package/tasks/config/admin/templates/package.json +5 -5
- package/tasks/config/tasks.js +15 -11
- package/tasks/docs/build.js +2 -2
- package/tasks/install.js +2 -3
- package/tasks/watch.js +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Segment
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -16,8 +16,7 @@
|
|
16
16
|
.ui.segment {
|
17
17
|
position: relative;
|
18
18
|
background: #fff;
|
19
|
-
|
20
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
19
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
21
20
|
margin: 1rem 0;
|
22
21
|
padding: 1em 1em;
|
23
22
|
border-radius: 0.28571429rem;
|
@@ -37,8 +36,7 @@
|
|
37
36
|
padding-right: 0;
|
38
37
|
background: none transparent;
|
39
38
|
border-radius: 0;
|
40
|
-
|
41
|
-
box-shadow: none;
|
39
|
+
box-shadow: none;
|
42
40
|
border: none;
|
43
41
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
44
42
|
}
|
@@ -92,8 +90,7 @@
|
|
92
90
|
.ui.basic.table.segment {
|
93
91
|
background: #fff;
|
94
92
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
95
|
-
|
96
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
93
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
97
94
|
}
|
98
95
|
.ui[class*="very basic"].table.segment {
|
99
96
|
padding: 1em 1em;
|
@@ -114,36 +111,23 @@
|
|
114
111
|
Placeholder
|
115
112
|
-------------------- */
|
116
113
|
.ui.placeholder.segment {
|
117
|
-
display: -webkit-box;
|
118
|
-
display: -ms-flexbox;
|
119
114
|
display: flex;
|
120
|
-
-
|
121
|
-
-
|
122
|
-
|
123
|
-
flex-direction: column;
|
124
|
-
-webkit-box-pack: center;
|
125
|
-
-ms-flex-pack: center;
|
126
|
-
justify-content: center;
|
127
|
-
-webkit-box-align: stretch;
|
128
|
-
-ms-flex-align: stretch;
|
129
|
-
align-items: stretch;
|
115
|
+
flex-direction: column;
|
116
|
+
justify-content: center;
|
117
|
+
align-items: stretch;
|
130
118
|
max-width: initial;
|
131
|
-
|
132
|
-
animation: none;
|
119
|
+
animation: none;
|
133
120
|
overflow: visible;
|
134
121
|
padding: 1em 1em;
|
135
122
|
min-height: 18rem;
|
136
123
|
background: #f9fafb;
|
137
124
|
border-color: rgba(34, 36, 38, 0.15);
|
138
|
-
|
139
|
-
box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
|
125
|
+
box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
|
140
126
|
}
|
141
127
|
.ui.placeholder.segment.tab {
|
142
128
|
display: none;
|
143
129
|
}
|
144
130
|
.ui.placeholder.segment.tab.active {
|
145
|
-
display: -webkit-box;
|
146
|
-
display: -ms-flexbox;
|
147
131
|
display: flex;
|
148
132
|
}
|
149
133
|
.ui.placeholder.segment .button,
|
@@ -167,8 +151,7 @@
|
|
167
151
|
margin-right: auto;
|
168
152
|
}
|
169
153
|
.ui.placeholder.segment > .inline {
|
170
|
-
-
|
171
|
-
align-self: center;
|
154
|
+
align-self: center;
|
172
155
|
}
|
173
156
|
.ui.placeholder.segment > .inline > .button {
|
174
157
|
display: inline-block;
|
@@ -185,8 +168,7 @@
|
|
185
168
|
.ui.piled.segments,
|
186
169
|
.ui.piled.segment {
|
187
170
|
margin: 3em 0;
|
188
|
-
|
189
|
-
box-shadow: "";
|
171
|
+
box-shadow: "";
|
190
172
|
z-index: auto;
|
191
173
|
}
|
192
174
|
.ui.piled.segment:first-child {
|
@@ -208,20 +190,17 @@
|
|
208
190
|
position: absolute;
|
209
191
|
width: 100%;
|
210
192
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
211
|
-
|
212
|
-
box-shadow: "";
|
193
|
+
box-shadow: "";
|
213
194
|
}
|
214
195
|
.ui.piled.segments::before,
|
215
196
|
.ui.piled.segment::before {
|
216
|
-
|
217
|
-
transform: rotate(-1.2deg);
|
197
|
+
transform: rotate(-1.2deg);
|
218
198
|
top: 0;
|
219
199
|
z-index: -2;
|
220
200
|
}
|
221
201
|
.ui.piled.segments::after,
|
222
202
|
.ui.piled.segment::after {
|
223
|
-
|
224
|
-
transform: rotate(1.2deg);
|
203
|
+
transform: rotate(1.2deg);
|
225
204
|
top: 0;
|
226
205
|
z-index: -1;
|
227
206
|
}
|
@@ -309,16 +288,12 @@
|
|
309
288
|
|
310
289
|
/* Compact Group */
|
311
290
|
.ui.compact.segments {
|
312
|
-
display: -webkit-inline-box;
|
313
|
-
display: -ms-inline-flexbox;
|
314
291
|
display: inline-flex;
|
315
292
|
}
|
316
293
|
.ui.compact.segments .segment,
|
317
294
|
.ui.segments .compact.segment {
|
318
295
|
display: block;
|
319
|
-
|
320
|
-
-ms-flex: 0 1 auto;
|
321
|
-
flex: 0 1 auto;
|
296
|
+
flex: 0 1 auto;
|
322
297
|
}
|
323
298
|
|
324
299
|
/* -------------------
|
@@ -337,8 +312,7 @@
|
|
337
312
|
-------------------- */
|
338
313
|
.ui.raised.raised.segments,
|
339
314
|
.ui.raised.raised.segment {
|
340
|
-
|
341
|
-
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
315
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
342
316
|
}
|
343
317
|
|
344
318
|
|
@@ -349,15 +323,11 @@
|
|
349
323
|
|
350
324
|
/* Group */
|
351
325
|
.ui.segments {
|
352
|
-
-
|
353
|
-
-webkit-box-direction: normal;
|
354
|
-
-ms-flex-direction: column;
|
355
|
-
flex-direction: column;
|
326
|
+
flex-direction: column;
|
356
327
|
position: relative;
|
357
328
|
margin: 1rem 0;
|
358
329
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
359
|
-
|
360
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
330
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
361
331
|
border-radius: 0.28571429rem;
|
362
332
|
}
|
363
333
|
.ui.segments:first-child {
|
@@ -374,8 +344,7 @@
|
|
374
344
|
border-radius: 0;
|
375
345
|
margin: 0;
|
376
346
|
width: auto;
|
377
|
-
|
378
|
-
box-shadow: none;
|
347
|
+
box-shadow: none;
|
379
348
|
border: none;
|
380
349
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
381
350
|
}
|
@@ -394,8 +363,7 @@
|
|
394
363
|
bottom: 0;
|
395
364
|
margin-top: 0;
|
396
365
|
margin-bottom: 0;
|
397
|
-
|
398
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
366
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
399
367
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
400
368
|
}
|
401
369
|
|
@@ -418,24 +386,17 @@
|
|
418
386
|
|
419
387
|
/* Horizontal Group */
|
420
388
|
.ui.horizontal.segments {
|
421
|
-
display: -webkit-box;
|
422
|
-
display: -ms-flexbox;
|
423
389
|
display: flex;
|
424
|
-
-
|
425
|
-
-webkit-box-direction: normal;
|
426
|
-
-ms-flex-direction: row;
|
427
|
-
flex-direction: row;
|
390
|
+
flex-direction: row;
|
428
391
|
background-color: transparent;
|
429
392
|
padding: 0;
|
430
|
-
|
431
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
393
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
432
394
|
margin: 1rem 0;
|
433
395
|
border-radius: 0.28571429rem;
|
434
396
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
435
397
|
}
|
436
398
|
.ui.stackable.horizontal.segments {
|
437
|
-
|
438
|
-
flex-wrap: wrap;
|
399
|
+
flex-wrap: wrap;
|
439
400
|
}
|
440
401
|
|
441
402
|
/* Nested Horizontal Group */
|
@@ -444,26 +405,21 @@
|
|
444
405
|
background-color: transparent;
|
445
406
|
border-radius: 0;
|
446
407
|
border: none;
|
447
|
-
|
448
|
-
box-shadow: none;
|
408
|
+
box-shadow: none;
|
449
409
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
450
410
|
}
|
451
411
|
|
452
412
|
/* Horizontal Segment */
|
453
413
|
.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
|
454
|
-
|
455
|
-
flex: 1 1 auto;
|
414
|
+
flex: 1 1 auto;
|
456
415
|
-ms-flex: 1 1 0;
|
457
|
-
|
458
|
-
/* Solves #2550 MS Flex */
|
459
416
|
}
|
460
417
|
.ui.horizontal.segments > .segment {
|
461
418
|
margin: 0;
|
462
419
|
min-width: 0;
|
463
420
|
border-radius: 0;
|
464
421
|
border: none;
|
465
|
-
|
466
|
-
box-shadow: none;
|
422
|
+
box-shadow: none;
|
467
423
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
468
424
|
}
|
469
425
|
|
@@ -501,7 +457,6 @@
|
|
501
457
|
color: rgba(40, 40, 40, 0.3);
|
502
458
|
pointer-events: none;
|
503
459
|
-webkit-user-select: none;
|
504
|
-
-moz-user-select: none;
|
505
460
|
-ms-user-select: none;
|
506
461
|
user-select: none;
|
507
462
|
}
|
@@ -515,10 +470,8 @@
|
|
515
470
|
cursor: default;
|
516
471
|
pointer-events: none;
|
517
472
|
-webkit-user-select: none;
|
518
|
-
-moz-user-select: none;
|
519
473
|
-ms-user-select: none;
|
520
474
|
user-select: none;
|
521
|
-
-webkit-transition: all 0s linear;
|
522
475
|
transition: all 0s linear;
|
523
476
|
}
|
524
477
|
.ui.loading.segments::before,
|
@@ -542,12 +495,10 @@
|
|
542
495
|
margin: -1.5em 0 0 -1.5em;
|
543
496
|
width: 3em;
|
544
497
|
height: 3em;
|
545
|
-
|
546
|
-
animation: loader 0.6s infinite linear;
|
498
|
+
animation: loader 0.6s infinite linear;
|
547
499
|
border: 0.2em solid #767676;
|
548
500
|
border-radius: 500rem;
|
549
|
-
|
550
|
-
box-shadow: 0 0 0 1px transparent;
|
501
|
+
box-shadow: 0 0 0 1px transparent;
|
551
502
|
visibility: visible;
|
552
503
|
z-index: 101;
|
553
504
|
}
|
@@ -565,8 +516,7 @@
|
|
565
516
|
.ui.segments .ui.basic.segment,
|
566
517
|
.ui.basic.segments {
|
567
518
|
background: none transparent;
|
568
|
-
|
569
|
-
box-shadow: none;
|
519
|
+
box-shadow: none;
|
570
520
|
border: none;
|
571
521
|
border-radius: 0;
|
572
522
|
}
|
@@ -708,8 +658,7 @@
|
|
708
658
|
.ui.inverted.segments .segment,
|
709
659
|
.ui.inverted.segment {
|
710
660
|
border: none;
|
711
|
-
|
712
|
-
box-shadow: none;
|
661
|
+
box-shadow: none;
|
713
662
|
}
|
714
663
|
.ui.inverted.segments .segment,
|
715
664
|
.ui.inverted.segment,
|
@@ -751,8 +700,6 @@
|
|
751
700
|
color: rgba(0, 0, 0, 0.6);
|
752
701
|
}
|
753
702
|
.ui.secondary.inverted.segment {
|
754
|
-
background: #4c4f52 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
|
755
|
-
background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
|
756
703
|
background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
|
757
704
|
color: rgba(255, 255, 255, 0.8);
|
758
705
|
}
|
@@ -763,8 +710,6 @@
|
|
763
710
|
color: rgba(0, 0, 0, 0.6);
|
764
711
|
}
|
765
712
|
.ui.tertiary.inverted.segment {
|
766
|
-
background: #717579 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
|
767
|
-
background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
|
768
713
|
background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
|
769
714
|
color: rgba(255, 255, 255, 0.8);
|
770
715
|
}
|
@@ -781,8 +726,7 @@
|
|
781
726
|
margin: 0 -1px;
|
782
727
|
width: calc(100% + 2px);
|
783
728
|
max-width: calc(100% + 2px);
|
784
|
-
|
785
|
-
box-shadow: none;
|
729
|
+
box-shadow: none;
|
786
730
|
}
|
787
731
|
.ui.attached.segment:not(.basic) {
|
788
732
|
border: 1px solid #d4d4d5;
|
@@ -812,8 +756,7 @@
|
|
812
756
|
margin-top: 0;
|
813
757
|
top: 0;
|
814
758
|
margin-bottom: 1rem;
|
815
|
-
|
816
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
759
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
817
760
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
818
761
|
}
|
819
762
|
.ui.segment[class*="bottom attached"]:last-child {
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Segment
|
3
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
|
-
*/.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:first-child{border-top:none}.ui.inverted.segment>.ui.header,.ui.inverted.segment>.ui.header .sub.header,.ui.inverted.segments .segment>.ui.header,.ui.inverted.segments .segment>.ui.header .sub.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.segment.tab:last-child{margin-bottom:1rem}.ui.placeholder.segment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:initial;-webkit-animation:none;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);-webkit-box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset;box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment.tab{display:none}.ui.placeholder.segment.tab.active{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{-ms-flex-item-align:center;align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;-webkit-box-shadow:"";box-shadow:"";z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment::after,.ui.piled.segment::before,.ui.piled.segments::after,.ui.piled.segments::before{background-color:#fff;visibility:visible;content:"";display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:"";box-shadow:""}.ui.piled.segment::before,.ui.piled.segments::before{-webkit-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment::after,.ui.piled.segments::after{-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment::after,.ui.stacked.segment::before,.ui.stacked.segments::after,.ui.stacked.segments::before{content:"";position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment::before,.ui.stacked.segments::before{display:none}.ui.tall.stacked.segment::before,.ui.tall.stacked.segments::before{display:block;bottom:0}.ui.stacked.inverted.segment::after,.ui.stacked.inverted.segment::before,.ui.stacked.inverted.segments::after,.ui.stacked.inverted.segments::before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.raised.segment,.ui.raised.raised.segments{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{top:0;bottom:0;border-top:none;margin-top:0;margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:transparent;padding:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.stackable.horizontal.segments{-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments:not(.compact)>.segment:not(.compact){-webkit-box-flex:1;flex:1 1 auto;-ms-flex:1 1 0}.ui.horizontal.segments>.segment{margin:0;min-width:0;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments:not(.stackable)>.segment:first-child{border-left:none}.ui.horizontal.segments>.segment:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.horizontal.segments>.segment:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui[class*="equal width"].horizontal.segments>.segment{width:100%}.ui.disabled.segment,.ui.disabled.segments{opacity:.45;color:rgba(40,40,40,.3);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.loading.segment,.ui.loading.segments{position:relative;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment::before,.ui.loading.segments::before{position:absolute;content:"";top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment::after,.ui.loading.segments::after{position:absolute;content:"";top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.basic.segment,.ui.basic.segments,.ui.segments .ui.basic.segment{background:none transparent;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment::after{content:"";display:block;clear:both}.ui.red.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #db2828}.ui.inverted.red.segment.segment.segment.segment.segment{background-color:#db2828;color:#fff}.ui.orange.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #f2711c}.ui.inverted.orange.segment.segment.segment.segment.segment{background-color:#f2711c;color:#fff}.ui.yellow.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #fbbd08}.ui.inverted.yellow.segment.segment.segment.segment.segment{background-color:#fbbd08;color:#fff}.ui.olive.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #b5cc18}.ui.inverted.olive.segment.segment.segment.segment.segment{background-color:#b5cc18;color:#fff}.ui.green.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #21ba45}.ui.inverted.green.segment.segment.segment.segment.segment{background-color:#21ba45;color:#fff}.ui.teal.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #00b5ad}.ui.inverted.teal.segment.segment.segment.segment.segment{background-color:#00b5ad;color:#fff}.ui.blue.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #2185d0}.ui.inverted.blue.segment.segment.segment.segment.segment{background-color:#2185d0;color:#fff}.ui.violet.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #6435c9}.ui.inverted.violet.segment.segment.segment.segment.segment{background-color:#6435c9;color:#fff}.ui.purple.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a333c8}.ui.inverted.purple.segment.segment.segment.segment.segment{background-color:#a333c8;color:#fff}.ui.pink.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #e03997}.ui.inverted.pink.segment.segment.segment.segment.segment{background-color:#e03997;color:#fff}.ui.brown.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a5673f}.ui.inverted.brown.segment.segment.segment.segment.segment{background-color:#a5673f;color:#fff}.ui.grey.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #767676}.ui.inverted.grey.segment.segment.segment.segment.segment{background-color:#767676;color:#fff}.ui.black.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #1b1c1d}.ui.inverted.black.segment.segment.segment.segment.segment{background-color:#1b1c1d;color:#fff}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment,.ui.inverted.segments,.ui.inverted.segments .segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.inverted.segments .segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.ui.inverted.attached.segment{border-color:#555}.ui.inverted.loading.segment,.ui.inverted.loading.segments{color:#fff}.ui.inverted.loading.segment::before,.ui.inverted.loading.segments::before{background:rgba(0,0,0,.85)}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,.2)));background:#4c4f52 -webkit-linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.35)),to(rgba(255,255,255,.35)));background:#717579 -webkit-linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none}.ui.attached.segment:not(.basic){border:1px solid #d4d4d5}.ui.attached:not(.message):not(.text)+.ui.attached.segment:not(.top){border-top:none}.ui.segment[class*="top attached"]{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.tab.segment[class*="top attached"]:first-child{margin-top:1rem}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.tab.segment[class*="bottom attached"]:last-child{margin-bottom:1rem}.ui.fitted.segment:not(.horizontally){padding-top:0;padding-bottom:0}.ui.fitted.segment:not(.vertically){padding-left:0;padding-right:0}.ui.scrolling.segment{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none}@media only screen and (max-width:767.98px){.ui.scrolling.segment.short{max-height:11.25em}.ui.scrolling.segment[class*="very short"]{max-height:7.5em}.ui.scrolling.segment{max-height:15em}.ui.scrolling.segment.long{max-height:30em}.ui.scrolling.segment[class*="very long"]{max-height:45em}}@media only screen and (min-width:768px){.ui.scrolling.segment.short{max-height:13.5em}.ui.scrolling.segment[class*="very short"]{max-height:9em}.ui.scrolling.segment{max-height:18em}.ui.scrolling.segment.long{max-height:36em}.ui.scrolling.segment[class*="very long"]{max-height:54em}}@media only screen and (min-width:992px){.ui.scrolling.segment.short{max-height:18em}.ui.scrolling.segment[class*="very short"]{max-height:12em}.ui.scrolling.segment{max-height:24em}.ui.scrolling.segment.long{max-height:48em}.ui.scrolling.segment[class*="very long"]{max-height:72em}}@media only screen and (min-width:1920px){.ui.scrolling.segment.short{max-height:22.5em}.ui.scrolling.segment[class*="very short"]{max-height:15em}.ui.scrolling.segment{max-height:30em}.ui.scrolling.segment.long{max-height:60em}.ui.scrolling.segment[class*="very long"]{max-height:90em}}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem}
|
9
|
+
*/.ui.segment{position:relative;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:first-child{border-top:none}.ui.inverted.segment>.ui.header,.ui.inverted.segment>.ui.header .sub.header,.ui.inverted.segments .segment>.ui.header,.ui.inverted.segments .segment>.ui.header .sub.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.segment.tab:last-child{margin-bottom:1rem}.ui.placeholder.segment{display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:initial;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment.tab{display:none}.ui.placeholder.segment.tab.active{display:flex}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;box-shadow:"";z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment::after,.ui.piled.segment::before,.ui.piled.segments::after,.ui.piled.segments::before{background-color:#fff;visibility:visible;content:"";display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);box-shadow:""}.ui.piled.segment::before,.ui.piled.segments::before{transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment::after,.ui.piled.segments::after{transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment::after,.ui.stacked.segment::before,.ui.stacked.segments::after,.ui.stacked.segments::before{content:"";position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment::before,.ui.stacked.segments::before{display:none}.ui.tall.stacked.segment::before,.ui.tall.stacked.segments::before{display:block;bottom:0}.ui.stacked.inverted.segment::after,.ui.stacked.inverted.segment::before,.ui.stacked.inverted.segments::after,.ui.stacked.inverted.segments::before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.raised.segment,.ui.raised.raised.segments{box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{top:0;bottom:0;border-top:none;margin-top:0;margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:flex;flex-direction:row;background-color:transparent;padding:0;box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.stackable.horizontal.segments{flex-wrap:wrap}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments:not(.compact)>.segment:not(.compact){flex:1 1 auto;-ms-flex:1 1 0}.ui.horizontal.segments>.segment{margin:0;min-width:0;border-radius:0;border:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments:not(.stackable)>.segment:first-child{border-left:none}.ui.horizontal.segments>.segment:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.horizontal.segments>.segment:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui[class*="equal width"].horizontal.segments>.segment{width:100%}.ui.disabled.segment,.ui.disabled.segments{opacity:.45;color:rgba(40,40,40,.3);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ui.loading.segment,.ui.loading.segments{position:relative;cursor:default;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all 0s linear}.ui.loading.segment::before,.ui.loading.segments::before{position:absolute;content:"";top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment::after,.ui.loading.segments::after{position:absolute;content:"";top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.basic.segment,.ui.basic.segments,.ui.segments .ui.basic.segment{background:none transparent;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment::after{content:"";display:block;clear:both}.ui.red.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #db2828}.ui.inverted.red.segment.segment.segment.segment.segment{background-color:#db2828;color:#fff}.ui.orange.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #f2711c}.ui.inverted.orange.segment.segment.segment.segment.segment{background-color:#f2711c;color:#fff}.ui.yellow.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #fbbd08}.ui.inverted.yellow.segment.segment.segment.segment.segment{background-color:#fbbd08;color:#fff}.ui.olive.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #b5cc18}.ui.inverted.olive.segment.segment.segment.segment.segment{background-color:#b5cc18;color:#fff}.ui.green.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #21ba45}.ui.inverted.green.segment.segment.segment.segment.segment{background-color:#21ba45;color:#fff}.ui.teal.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #00b5ad}.ui.inverted.teal.segment.segment.segment.segment.segment{background-color:#00b5ad;color:#fff}.ui.blue.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #2185d0}.ui.inverted.blue.segment.segment.segment.segment.segment{background-color:#2185d0;color:#fff}.ui.violet.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #6435c9}.ui.inverted.violet.segment.segment.segment.segment.segment{background-color:#6435c9;color:#fff}.ui.purple.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a333c8}.ui.inverted.purple.segment.segment.segment.segment.segment{background-color:#a333c8;color:#fff}.ui.pink.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #e03997}.ui.inverted.pink.segment.segment.segment.segment.segment{background-color:#e03997;color:#fff}.ui.brown.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a5673f}.ui.inverted.brown.segment.segment.segment.segment.segment{background-color:#a5673f;color:#fff}.ui.grey.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #767676}.ui.inverted.grey.segment.segment.segment.segment.segment{background-color:#767676;color:#fff}.ui.black.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #1b1c1d}.ui.inverted.black.segment.segment.segment.segment.segment{background-color:#1b1c1d;color:#fff}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment,.ui.inverted.segments,.ui.inverted.segments .segment{border:none;box-shadow:none}.ui.inverted.segment,.ui.inverted.segments .segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.ui.inverted.attached.segment{border-color:#555}.ui.inverted.loading.segment,.ui.inverted.loading.segments{color:#fff}.ui.inverted.loading.segment::before,.ui.inverted.loading.segments::before{background:rgba(0,0,0,.85)}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);box-shadow:none}.ui.attached.segment:not(.basic){border:1px solid #d4d4d5}.ui.attached:not(.message):not(.text)+.ui.attached.segment:not(.top){border-top:none}.ui.segment[class*="top attached"]{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.tab.segment[class*="top attached"]:first-child{margin-top:1rem}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.tab.segment[class*="bottom attached"]:last-child{margin-bottom:1rem}.ui.fitted.segment:not(.horizontally){padding-top:0;padding-bottom:0}.ui.fitted.segment:not(.vertically){padding-left:0;padding-right:0}.ui.scrolling.segment{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none}@media only screen and (max-width:767.98px){.ui.scrolling.segment.short{max-height:11.25em}.ui.scrolling.segment[class*="very short"]{max-height:7.5em}.ui.scrolling.segment{max-height:15em}.ui.scrolling.segment.long{max-height:30em}.ui.scrolling.segment[class*="very long"]{max-height:45em}}@media only screen and (min-width:768px){.ui.scrolling.segment.short{max-height:13.5em}.ui.scrolling.segment[class*="very short"]{max-height:9em}.ui.scrolling.segment{max-height:18em}.ui.scrolling.segment.long{max-height:36em}.ui.scrolling.segment[class*="very long"]{max-height:54em}}@media only screen and (min-width:992px){.ui.scrolling.segment.short{max-height:18em}.ui.scrolling.segment[class*="very short"]{max-height:12em}.ui.scrolling.segment{max-height:24em}.ui.scrolling.segment.long{max-height:48em}.ui.scrolling.segment[class*="very long"]{max-height:72em}}@media only screen and (min-width:1920px){.ui.scrolling.segment.short{max-height:22.5em}.ui.scrolling.segment[class*="very short"]{max-height:15em}.ui.scrolling.segment{max-height:30em}.ui.scrolling.segment.long{max-height:60em}.ui.scrolling.segment[class*="very long"]{max-height:90em}}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Shape
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -17,17 +17,12 @@
|
|
17
17
|
position: relative;
|
18
18
|
vertical-align: top;
|
19
19
|
display: inline-block;
|
20
|
-
|
21
|
-
perspective: 2000px;
|
22
|
-
-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
23
|
-
transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
20
|
+
perspective: 2000px;
|
24
21
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
25
|
-
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
26
22
|
}
|
27
23
|
.ui.shape .side,
|
28
24
|
.ui.shape .sides {
|
29
|
-
|
30
|
-
transform-style: preserve-3d;
|
25
|
+
transform-style: preserve-3d;
|
31
26
|
}
|
32
27
|
.ui.shape .side {
|
33
28
|
display: none;
|
@@ -53,8 +48,7 @@
|
|
53
48
|
padding: 2em;
|
54
49
|
background-color: #e6e6e6;
|
55
50
|
color: rgba(0, 0, 0, 0.87);
|
56
|
-
|
57
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
|
51
|
+
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
|
58
52
|
}
|
59
53
|
.ui.cube.shape .side > .content {
|
60
54
|
width: 100%;
|
@@ -62,7 +56,6 @@
|
|
62
56
|
display: table;
|
63
57
|
text-align: center;
|
64
58
|
-webkit-user-select: text;
|
65
|
-
-moz-user-select: text;
|
66
59
|
-ms-user-select: text;
|
67
60
|
user-select: text;
|
68
61
|
}
|
@@ -121,18 +114,13 @@
|
|
121
114
|
--------------- */
|
122
115
|
.ui.shape.animating .sides {
|
123
116
|
position: absolute;
|
124
|
-
-webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
125
|
-
transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
126
117
|
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
|
127
|
-
transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
128
118
|
}
|
129
119
|
.ui.shape.animating .side {
|
130
|
-
-webkit-transition: opacity 0.6s ease-in-out;
|
131
120
|
transition: opacity 0.6s ease-in-out;
|
132
121
|
}
|
133
122
|
.ui.shape .animating.side *,
|
134
123
|
.ui.shape.animating .side * {
|
135
|
-
-webkit-transition: none;
|
136
124
|
transition: none;
|
137
125
|
}
|
138
126
|
|
package/dist/components/shape.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Shape
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -8,7 +8,7 @@
|
|
8
8
|
*
|
9
9
|
*/
|
10
10
|
|
11
|
-
(function ($, window, document
|
11
|
+
(function ($, window, document) {
|
12
12
|
'use strict';
|
13
13
|
|
14
14
|
function isFunction(obj) {
|
@@ -30,14 +30,6 @@
|
|
30
30
|
methodInvoked = typeof query === 'string',
|
31
31
|
queryArguments = [].slice.call(arguments, 1),
|
32
32
|
|
33
|
-
requestAnimationFrame = window.requestAnimationFrame
|
34
|
-
|| window.mozRequestAnimationFrame
|
35
|
-
|| window.webkitRequestAnimationFrame
|
36
|
-
|| window.msRequestAnimationFrame
|
37
|
-
|| function (callback) {
|
38
|
-
setTimeout(callback, 0);
|
39
|
-
},
|
40
|
-
|
41
33
|
returnedValue
|
42
34
|
;
|
43
35
|
|
@@ -216,10 +208,6 @@
|
|
216
208
|
if (settings.duration || settings.duration === 0) {
|
217
209
|
$sides.add($side)
|
218
210
|
.css({
|
219
|
-
'-webkit-transition-duration': duration,
|
220
|
-
'-moz-transition-duration': duration,
|
221
|
-
'-ms-transition-duration': duration,
|
222
|
-
'-o-transition-duration': duration,
|
223
211
|
'transition-duration': duration,
|
224
212
|
})
|
225
213
|
;
|
@@ -677,7 +665,7 @@
|
|
677
665
|
if ($allModules.length > 1) {
|
678
666
|
title += ' (' + $allModules.length + ')';
|
679
667
|
}
|
680
|
-
if (
|
668
|
+
if (performance.length > 0) {
|
681
669
|
console.groupCollapsed(title);
|
682
670
|
if (console.table) {
|
683
671
|
console.table(performance);
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.1-beta.
|
2
|
+
* # Fomantic-UI 2.9.1-beta.29+70adac5 - Shape
|
3
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
|
-
*/.ui.shape{position:relative;vertical-align:top;display:inline-block
|
9
|
+
*/.ui.shape{position:relative;vertical-align:top;display:inline-block;perspective:2000px;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape .side,.ui.shape .sides{transform-style:preserve-3d}.ui.shape .side{display:none;opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape.animating .side{transition:opacity .6s ease-in-out}.ui.shape .animating.side *,.ui.shape.animating .side *{transition:none}.ui.shape .active.side{display:block}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Fomantic UI - 2.9.1-beta.
|
2
|
+
* # Fomantic UI - 2.9.1-beta.29+70adac5
|
3
3
|
* https://github.com/fomantic/Fomantic-UI
|
4
4
|
* https://fomantic-ui.com/
|
5
5
|
*
|
@@ -8,4 +8,4 @@
|
|
8
8
|
* https://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
|
-
!function(
|
11
|
+
!function(T,e,E){"use strict";e=void 0!==e&&e.Math===Math?e:globalThis,T.fn.shape=function(v){var b,x=T(this),y=Date.now(),w=[],C=v,S="string"==typeof C,W=[].slice.call(arguments,1);return x.each(function(){var i,n,t=x.selector||"",a=T.isPlainObject(v)?T.extend(!0,{},T.fn.shape.settings,v):T.extend({},T.fn.shape.settings),e=a.namespace,r=a.selector,o=a.error,s=a.className,d="."+e,l="module-"+e,c=T(this),u=c.find(">"+r.sides),f=u.find(">"+r.side),g=!1,h=this,p=c.data(l),m={initialize:function(){m.verbose("Initializing module for",h),m.set.defaultSide(),m.instantiate()},instantiate:function(){m.verbose("Storing instance of module",m),p=m,c.data(l,p)},destroy:function(){m.verbose("Destroying previous module for",h),c.removeData(l).off(d)},refresh:function(){m.verbose("Refreshing selector cache for",h),c=T(h),u=T(this).find(r.sides),f=T(this).find(r.side)},repaint:function(){m.verbose("Forcing repaint event");(u[0]||E.createElement("div")).offsetWidth},animate:function(e,t){m.verbose("Animating box with properties",e),t=t||function(e){m.verbose("Executing animation callback"),void 0!==e&&e.stopPropagation(),m.reset(),m.set.active()},a.onBeforeChange.call(n[0]),m.get.transitionEvent()?(m.verbose("Starting CSS animation"),c.addClass(s.animating),u.css(e).one(m.get.transitionEvent(),t),m.set.duration(a.duration),requestAnimationFrame(function(){c.addClass(s.animating),i.addClass(s.hidden)})):t()},queue:function(e){m.debug("Queueing animation of",e),u.one(m.get.transitionEvent(),function(){m.debug("Executing queued animation"),setTimeout(function(){c.shape(e)},0)})},reset:function(){m.verbose("Animating states reset"),c.removeClass(s.animating).attr("style","").removeAttr("style"),u.attr("style","").removeAttr("style"),f.attr("style","").removeAttr("style").removeClass(s.hidden),n.removeClass(s.animating).attr("style","").removeAttr("style")},is:{complete:function(){return f.filter("."+s.active)[0]===n[0]},animating:function(){return c.hasClass(s.animating)},hidden:function(){return 0<c.closest(":hidden").length}},set:{defaultSide:function(){i=f.filter("."+a.className.active),n=0<i.next(r.side).length?i.next(r.side):f.first(),g=!1,m.verbose("Active side set to",i),m.verbose("Next side set to",n)},duration:function(e){e=e||a.duration,m.verbose("Setting animation duration",e="number"==typeof e?e+"ms":e),!a.duration&&0!==a.duration||u.add(f).css({"transition-duration":e})},currentStageSize:function(){var e=f.filter("."+a.className.active),t=e.outerWidth(!0),e=e.outerHeight(!0);c.css({width:t,height:e})},stageSize:function(){var e=c.clone().addClass(s.loading),t=e.find(">"+r.sides+">"+r.side),i=t.filter("."+a.className.active),t=g?t.eq(g):0<i.next(r.side).length?i.next(r.side):t.first(),n="next"===a.width?t.outerWidth(!0):"initial"===a.width?c.width():a.width,o="next"===a.height?t.outerHeight(!0):"initial"===a.height?c.height():a.height;i.removeClass(s.active),t.addClass(s.active),e.insertAfter(c),e.remove(),"auto"!==a.width&&(c.css("width",n+a.jitter),m.verbose("Specifying width during animation",n)),"auto"!==a.height&&(c.css("height",o+a.jitter),m.verbose("Specifying height during animation",o))},nextSide:function(e){g=e,n=f.filter(e),g=f.index(n),0===n.length&&(m.set.defaultSide(),m.error(o.side)),m.verbose("Next side manually set to",n)},active:function(){m.verbose("Setting new side to active",n),f.removeClass(s.active),n.addClass(s.active),a.onChange.call(n[0]),m.set.defaultSide()}},flip:{to:function(e,t){var i;m.is.hidden()?m.debug("Module not visible",n):!m.is.complete()||m.is.animating()||a.allowRepeats?(i=m.get.transform[e](),m.is.animating()?m.queue("flip "+e):(m.debug("Flipping "+e,n),m.set.stageSize(),m.stage[t](),m.animate(i))):m.debug("Side already visible",n)},up:function(){m.flip.to("up","above")},down:function(){m.flip.to("down","below")},left:function(){m.flip.to("left","left")},right:function(){m.flip.to("right","right")},over:function(){m.flip.to("over","behind")},back:function(){m.flip.to("back","behind")}},get:{transform:{up:function(){var e=i.outerHeight(!0)/2;return{transform:"translateY("+(n.outerHeight(!0)-e)+"px) translateZ(-"+e+"px) rotateX(-90deg)"}},down:function(){var e=i.outerHeight(!0)/2;return{transform:"translateY(-"+e+"px) translateZ(-"+e+"px) rotateX(90deg)"}},left:function(){var e=i.outerWidth(!0)/2;return{transform:"translateX("+(n.outerWidth(!0)-e)+"px) translateZ(-"+e+"px) rotateY(90deg)"}},right:function(){var e=i.outerWidth(!0)/2;return{transform:"translateX(-"+e+"px) translateZ(-"+e+"px) rotateY(-90deg)"}},over:function(){return{transform:"translateX("+-(i.outerWidth(!0)-n.outerWidth(!0))/2+"px) rotateY(180deg)"}},back:function(){return{transform:"translateX("+-(i.outerWidth(!0)-n.outerWidth(!0))/2+"px) rotateY(-180deg)"}}},transitionEvent:function(){var e,t=E.createElement("element"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in i)if(void 0!==t.style[e])return i[e]},nextSide:function(){return 0<i.next(r.side).length?i.next(r.side):f.first()}},stage:{above:function(){var e={origin:(i.outerHeight(!0)-n.outerHeight(!0))/2,depth:{active:n.outerHeight(!0)/2,next:i.outerHeight(!0)/2}};m.verbose("Setting the initial animation position as above",n,e),i.css({transform:"rotateX(0deg)"}),n.addClass(s.animating).css({top:e.origin+"px",transform:"rotateX(90deg) translateZ("+e.depth.next+"px) translateY(-"+e.depth.active+"px)"})},below:function(){var e={origin:(i.outerHeight(!0)-n.outerHeight(!0))/2,depth:{active:n.outerHeight(!0)/2,next:i.outerHeight(!0)/2}};m.verbose("Setting the initial animation position as below",n,e),i.css({transform:"rotateX(0deg)"}),n.addClass(s.animating).css({top:e.origin+"px",transform:"rotateX(-90deg) translateZ("+e.depth.next+"px) translateY("+e.depth.active+"px)"})},left:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};m.verbose("Setting the initial animation position as left",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(-90deg) translateZ("+t.depth.next+"px) translateX(-"+t.depth.active+"px)"})},right:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};m.verbose("Setting the initial animation position as right",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(90deg) translateZ("+t.depth.next+"px) translateX("+t.depth.active+"px)"})},behind:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};m.verbose("Setting the initial animation position as behind",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(-180deg)"})}},setting:function(e,t){if(m.debug("Changing setting",e,t),T.isPlainObject(e))T.extend(!0,a,e);else{if(void 0===t)return a[e];T.isPlainObject(a[e])?T.extend(!0,a[e],t):a[e]=t}},internal:function(e,t){if(T.isPlainObject(e))T.extend(!0,m,e);else{if(void 0===t)return m[e];m[e]=t}},debug:function(){!a.silent&&a.debug&&(a.performance?m.performance.log(arguments):(m.debug=Function.prototype.bind.call(console.info,console,a.name+":"),m.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?m.performance.log(arguments):(m.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),m.verbose.apply(console,arguments)))},error:function(){a.silent||(m.error=Function.prototype.bind.call(console.error,console,a.name+":"),m.error.apply(console,arguments))},performance:{log:function(e){var t,i;a.performance&&(i=(t=Date.now())-(y||t),y=t,w.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:h,"Execution Time":i})),clearTimeout(m.performance.timer),m.performance.timer=setTimeout(m.performance.display,500)},display:function(){var e=a.name+":",i=0;y=!1,clearTimeout(m.performance.timer),T.each(w,function(e,t){i+=t["Execution Time"]}),e+=" "+i+"ms",t&&(e+=" '"+t+"'"),1<x.length&&(e+=" ("+x.length+")"),0<w.length&&(console.groupCollapsed(e),console.table?console.table(w):T.each(w,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),w=[]}},invoke:function(n,e,t){var o,a,i,r,s=p;return e=e||W,t=t||h,"string"==typeof n&&void 0!==s&&(n=n.split(/[ .]/),o=n.length-1,T.each(n,function(e,t){var i=e!==o?t+n[e+1].charAt(0).toUpperCase()+n[e+1].slice(1):n;if(T.isPlainObject(s[i])&&e!==o)s=s[i];else{if(void 0!==s[i])return a=s[i],!1;{if(!T.isPlainObject(s[t])||e===o)return void 0!==s[t]&&(a=s[t]),!1;s=s[t]}}})),"function"==typeof(r=a)&&"number"!=typeof r.nodeType?i=a.apply(t,e):void 0!==a&&(i=a),Array.isArray(b)?b.push(i):void 0!==b?b=[b,i]:void 0!==i&&(b=i),a}};S?(void 0===p&&m.initialize(),0<(e=c.find("input")).length?(e.trigger("blur"),setTimeout(function(){m.invoke(C)},150)):m.invoke(C)):(void 0!==p&&p.invoke("destroy"),m.initialize())}),void 0!==b?b:this},T.fn.shape.settings={name:"Shape",silent:!1,debug:!1,verbose:!1,jitter:0,performance:!0,namespace:"shape",width:"initial",height:"initial",onBeforeChange:function(){},onChange:function(){},allowRepeats:!1,duration:!1,error:{side:"You tried to switch to a side that does not exist.",method:"The method you called is not defined"},className:{animating:"animating",hidden:"hidden",loading:"loading",active:"active"},selector:{sides:".sides",side:".side"}}}(jQuery,window,document);
|