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,39 +1,26 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Loader
|
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
|
|
11
|
-
|
11
|
+
/* -------------------
|
12
12
|
Content
|
13
|
-
|
14
|
-
|
13
|
+
-------------------- */
|
15
14
|
.ui.placeholder {
|
16
15
|
position: static;
|
17
16
|
overflow: hidden;
|
18
|
-
|
19
|
-
|
20
|
-
-
|
21
|
-
animation-iteration-count: infinite;
|
22
|
-
background-color: #FFFFFF;
|
23
|
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08)));
|
24
|
-
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
|
17
|
+
animation: placeholderShimmer 2s linear;
|
18
|
+
animation-iteration-count: infinite;
|
19
|
+
background-color: #fff;
|
25
20
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
|
26
21
|
background-size: 1200px 100%;
|
27
22
|
max-width: 30rem;
|
28
23
|
}
|
29
|
-
@-webkit-keyframes placeholderShimmer {
|
30
|
-
0% {
|
31
|
-
background-position: -1200px 0;
|
32
|
-
}
|
33
|
-
100% {
|
34
|
-
background-position: 1200px 0;
|
35
|
-
}
|
36
|
-
}
|
37
24
|
@keyframes placeholderShimmer {
|
38
25
|
0% {
|
39
26
|
background-position: -1200px 0;
|
@@ -46,27 +33,23 @@
|
|
46
33
|
margin-top: 2rem;
|
47
34
|
}
|
48
35
|
.ui.placeholder + .ui.placeholder {
|
49
|
-
|
50
|
-
animation-delay: 0.15s;
|
36
|
+
animation-delay: 0.15s;
|
51
37
|
}
|
52
38
|
.ui.placeholder + .ui.placeholder + .ui.placeholder {
|
53
|
-
|
54
|
-
animation-delay: 0.3s;
|
39
|
+
animation-delay: 0.3s;
|
55
40
|
}
|
56
41
|
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
|
57
|
-
|
58
|
-
animation-delay: 0.45s;
|
42
|
+
animation-delay: 0.45s;
|
59
43
|
}
|
60
44
|
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
|
61
|
-
|
62
|
-
animation-delay: 0.6s;
|
45
|
+
animation-delay: 0.6s;
|
63
46
|
}
|
64
47
|
.ui.placeholder,
|
65
|
-
.ui.placeholder >
|
66
|
-
.ui.placeholder .image.header
|
48
|
+
.ui.placeholder > ::before,
|
49
|
+
.ui.placeholder .image.header::after,
|
67
50
|
.ui.placeholder .line,
|
68
|
-
.ui.placeholder .line
|
69
|
-
background-color: #
|
51
|
+
.ui.placeholder .line::after {
|
52
|
+
background-color: #fff;
|
70
53
|
}
|
71
54
|
.ui.placeholder.hidden {
|
72
55
|
display: none;
|
@@ -96,17 +79,17 @@
|
|
96
79
|
position: relative;
|
97
80
|
height: 0.85714286em;
|
98
81
|
}
|
99
|
-
.ui.placeholder .line
|
100
|
-
.ui.placeholder .line
|
82
|
+
.ui.placeholder .line::before,
|
83
|
+
.ui.placeholder .line::after {
|
101
84
|
top: 100%;
|
102
85
|
position: absolute;
|
103
|
-
content:
|
86
|
+
content: "";
|
104
87
|
background-color: inherit;
|
105
88
|
}
|
106
|
-
.ui.placeholder .line
|
89
|
+
.ui.placeholder .line::before {
|
107
90
|
left: 0;
|
108
91
|
}
|
109
|
-
.ui.placeholder .line
|
92
|
+
.ui.placeholder .line::after {
|
110
93
|
right: 0;
|
111
94
|
}
|
112
95
|
|
@@ -114,8 +97,8 @@
|
|
114
97
|
.ui.placeholder .line {
|
115
98
|
margin-bottom: 0.5em;
|
116
99
|
}
|
117
|
-
.ui.placeholder .line
|
118
|
-
.ui.placeholder .line
|
100
|
+
.ui.placeholder .line::before,
|
101
|
+
.ui.placeholder .line::after {
|
119
102
|
height: 0.5em;
|
120
103
|
}
|
121
104
|
.ui.placeholder .line:not(:first-child) {
|
@@ -123,19 +106,19 @@
|
|
123
106
|
}
|
124
107
|
|
125
108
|
/* Line Outdent */
|
126
|
-
.ui.placeholder .line:nth-child(1)
|
109
|
+
.ui.placeholder .line:nth-child(1)::after {
|
127
110
|
width: 0;
|
128
111
|
}
|
129
|
-
.ui.placeholder .line:nth-child(2)
|
112
|
+
.ui.placeholder .line:nth-child(2)::after {
|
130
113
|
width: 50%;
|
131
114
|
}
|
132
|
-
.ui.placeholder .line:nth-child(3)
|
115
|
+
.ui.placeholder .line:nth-child(3)::after {
|
133
116
|
width: 10%;
|
134
117
|
}
|
135
|
-
.ui.placeholder .line:nth-child(4)
|
118
|
+
.ui.placeholder .line:nth-child(4)::after {
|
136
119
|
width: 35%;
|
137
120
|
}
|
138
|
-
.ui.placeholder .line:nth-child(5)
|
121
|
+
.ui.placeholder .line:nth-child(5)::after {
|
139
122
|
width: 65%;
|
140
123
|
}
|
141
124
|
|
@@ -145,34 +128,35 @@
|
|
145
128
|
overflow: hidden;
|
146
129
|
}
|
147
130
|
|
148
|
-
/* Header Line 1 & 2*/
|
131
|
+
/* Header Line 1 & 2 */
|
149
132
|
.ui.placeholder .header .line {
|
150
133
|
margin-bottom: 0.64285714em;
|
151
134
|
}
|
152
|
-
.ui.placeholder .header .line
|
153
|
-
.ui.placeholder .header .line
|
135
|
+
.ui.placeholder .header .line::before,
|
136
|
+
.ui.placeholder .header .line::after {
|
154
137
|
height: 0.64285714em;
|
155
138
|
}
|
156
139
|
.ui.placeholder .header .line:not(:first-child) {
|
157
140
|
margin-top: 0.64285714em;
|
158
141
|
}
|
159
|
-
.ui.placeholder .header .line
|
142
|
+
.ui.placeholder .header .line::after {
|
160
143
|
width: 20%;
|
161
144
|
}
|
162
|
-
.ui.placeholder .header .line:nth-child(2)
|
145
|
+
.ui.placeholder .header .line:nth-child(2)::after {
|
163
146
|
width: 60%;
|
164
147
|
}
|
148
|
+
|
165
149
|
/* Image Header */
|
166
150
|
.ui.placeholder .image.header .line {
|
167
151
|
margin-left: 3em;
|
168
152
|
}
|
169
|
-
.ui.placeholder .image.header .line
|
153
|
+
.ui.placeholder .image.header .line::before {
|
170
154
|
width: 0.71428571rem;
|
171
155
|
}
|
172
|
-
.ui.placeholder .image.header
|
156
|
+
.ui.placeholder .image.header::after {
|
173
157
|
display: block;
|
174
158
|
height: 0.85714286em;
|
175
|
-
content:
|
159
|
+
content: "";
|
176
160
|
margin-left: 3em;
|
177
161
|
}
|
178
162
|
|
@@ -182,26 +166,24 @@
|
|
182
166
|
.ui.placeholder .header .line:first-child {
|
183
167
|
height: 0.01px;
|
184
168
|
}
|
185
|
-
.ui.placeholder .image:not(:first-child)
|
186
|
-
.ui.placeholder .paragraph:not(:first-child)
|
187
|
-
.ui.placeholder .header:not(:first-child)
|
169
|
+
.ui.placeholder .image:not(:first-child)::before,
|
170
|
+
.ui.placeholder .paragraph:not(:first-child)::before,
|
171
|
+
.ui.placeholder .header:not(:first-child)::before {
|
188
172
|
height: 1.42857143em;
|
189
|
-
content:
|
173
|
+
content: "";
|
190
174
|
display: block;
|
191
175
|
}
|
192
176
|
|
193
177
|
/* Inverted Content Loader */
|
194
178
|
.ui.inverted.placeholder {
|
195
|
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08)));
|
196
|
-
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
|
197
179
|
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
|
198
180
|
}
|
199
181
|
.ui.inverted.placeholder,
|
200
|
-
.ui.inverted.placeholder >
|
201
|
-
.ui.inverted.placeholder .image.header
|
182
|
+
.ui.inverted.placeholder > ::before,
|
183
|
+
.ui.inverted.placeholder .image.header::after,
|
202
184
|
.ui.inverted.placeholder .line,
|
203
|
-
.ui.inverted.placeholder .line
|
204
|
-
background-color: #
|
185
|
+
.ui.inverted.placeholder .line::after {
|
186
|
+
background-color: #1b1c1d;
|
205
187
|
}
|
206
188
|
|
207
189
|
|
@@ -210,33 +192,31 @@
|
|
210
192
|
*******************************/
|
211
193
|
|
212
194
|
|
213
|
-
|
195
|
+
/* -------------------
|
214
196
|
Sizes
|
215
|
-
|
216
|
-
|
217
|
-
.ui.placeholder .full.line.line.line:after {
|
197
|
+
-------------------- */
|
198
|
+
.ui.placeholder .full.line.line.line::after {
|
218
199
|
width: 0;
|
219
200
|
}
|
220
|
-
.ui.placeholder .very.long.line.line.line
|
201
|
+
.ui.placeholder .very.long.line.line.line::after {
|
221
202
|
width: 10%;
|
222
203
|
}
|
223
|
-
.ui.placeholder .long.line.line.line
|
204
|
+
.ui.placeholder .long.line.line.line::after {
|
224
205
|
width: 35%;
|
225
206
|
}
|
226
|
-
.ui.placeholder .medium.line.line.line
|
207
|
+
.ui.placeholder .medium.line.line.line::after {
|
227
208
|
width: 50%;
|
228
209
|
}
|
229
|
-
.ui.placeholder .short.line.line.line
|
210
|
+
.ui.placeholder .short.line.line.line::after {
|
230
211
|
width: 65%;
|
231
212
|
}
|
232
|
-
.ui.placeholder .very.short.line.line.line
|
213
|
+
.ui.placeholder .very.short.line.line.line::after {
|
233
214
|
width: 80%;
|
234
215
|
}
|
235
216
|
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
217
|
+
/* -------------------
|
218
|
+
Fluid
|
219
|
+
-------------------- */
|
240
220
|
.ui.fluid.placeholder {
|
241
221
|
max-width: none;
|
242
222
|
}
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Rail
|
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
|
|
@@ -38,10 +38,9 @@
|
|
38
38
|
*******************************/
|
39
39
|
|
40
40
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
41
|
+
/* --------------
|
42
|
+
Internal
|
43
|
+
--------------- */
|
45
44
|
.ui.left.internal.rail {
|
46
45
|
left: 0;
|
47
46
|
right: auto;
|
@@ -55,10 +54,9 @@
|
|
55
54
|
margin: 0 2rem 0 0;
|
56
55
|
}
|
57
56
|
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
57
|
+
/* --------------
|
58
|
+
Dividing
|
59
|
+
--------------- */
|
62
60
|
.ui.dividing.rail {
|
63
61
|
width: 302.5px;
|
64
62
|
}
|
@@ -73,10 +71,9 @@
|
|
73
71
|
margin: 0 0 0 2.5rem;
|
74
72
|
}
|
75
73
|
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
74
|
+
/* --------------
|
75
|
+
Distance
|
76
|
+
--------------- */
|
80
77
|
.ui.close.rail {
|
81
78
|
width: calc(300px + 1em);
|
82
79
|
}
|
@@ -100,20 +97,18 @@
|
|
100
97
|
margin: 0 0 0 0.5em;
|
101
98
|
}
|
102
99
|
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
100
|
+
/* --------------
|
101
|
+
Attached
|
102
|
+
--------------- */
|
107
103
|
.ui.attached.left.rail,
|
108
104
|
.ui.attached.right.rail {
|
109
105
|
padding: 0;
|
110
106
|
margin: 0;
|
111
107
|
}
|
112
108
|
|
113
|
-
|
109
|
+
/* --------------
|
114
110
|
Sizing
|
115
|
-
|
116
|
-
|
111
|
+
--------------- */
|
117
112
|
.ui.rail {
|
118
113
|
font-size: 1rem;
|
119
114
|
}
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.
|
3
|
-
*
|
2
|
+
* # Fomantic-UI 2.9.1 - Reveal
|
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,7 +23,6 @@
|
|
23
23
|
top: 0 !important;
|
24
24
|
left: 0 !important;
|
25
25
|
z-index: 3 !important;
|
26
|
-
-webkit-transition: all 0.5s ease 0.1s;
|
27
26
|
transition: all 0.5s ease 0.1s;
|
28
27
|
}
|
29
28
|
.ui.reveal > .hidden.content {
|
@@ -43,10 +42,9 @@
|
|
43
42
|
*******************************/
|
44
43
|
|
45
44
|
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
45
|
+
/* --------------
|
46
|
+
Slide
|
47
|
+
--------------- */
|
50
48
|
.ui.slide.reveal {
|
51
49
|
position: relative !important;
|
52
50
|
overflow: hidden !important;
|
@@ -58,10 +56,7 @@
|
|
58
56
|
white-space: normal;
|
59
57
|
float: left;
|
60
58
|
margin: 0;
|
61
|
-
-webkit-transition: -webkit-transform 0.5s ease 0.1s;
|
62
|
-
transition: -webkit-transform 0.5s ease 0.1s;
|
63
59
|
transition: transform 0.5s ease 0.1s;
|
64
|
-
transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s;
|
65
60
|
}
|
66
61
|
.ui.slide.reveal > .visible.content {
|
67
62
|
position: relative !important;
|
@@ -70,70 +65,56 @@
|
|
70
65
|
position: absolute !important;
|
71
66
|
left: 0 !important;
|
72
67
|
width: 100% !important;
|
73
|
-
|
74
|
-
transform: translateX(100%) !important;
|
68
|
+
transform: translateX(100%) !important;
|
75
69
|
}
|
76
70
|
.ui.slide.active.reveal > .visible.content,
|
77
71
|
.ui.slide.reveal:hover > .visible.content {
|
78
|
-
|
79
|
-
transform: translateX(-100%) !important;
|
72
|
+
transform: translateX(-100%) !important;
|
80
73
|
}
|
81
74
|
.ui.slide.active.reveal > .hidden.content,
|
82
75
|
.ui.slide.reveal:hover > .hidden.content {
|
83
|
-
|
84
|
-
transform: translateX(0%) !important;
|
76
|
+
transform: translateX(0) !important;
|
85
77
|
}
|
86
78
|
.ui.slide.right.reveal > .visible.content {
|
87
|
-
|
88
|
-
transform: translateX(0%) !important;
|
79
|
+
transform: translateX(0) !important;
|
89
80
|
}
|
90
81
|
.ui.slide.right.reveal > .hidden.content {
|
91
|
-
|
92
|
-
transform: translateX(-100%) !important;
|
82
|
+
transform: translateX(-100%) !important;
|
93
83
|
}
|
94
84
|
.ui.slide.right.active.reveal > .visible.content,
|
95
85
|
.ui.slide.right.reveal:hover > .visible.content {
|
96
|
-
|
97
|
-
transform: translateX(100%) !important;
|
86
|
+
transform: translateX(100%) !important;
|
98
87
|
}
|
99
88
|
.ui.slide.right.active.reveal > .hidden.content,
|
100
89
|
.ui.slide.right.reveal:hover > .hidden.content {
|
101
|
-
|
102
|
-
transform: translateX(0%) !important;
|
90
|
+
transform: translateX(0) !important;
|
103
91
|
}
|
104
92
|
.ui.slide.up.reveal > .hidden.content {
|
105
|
-
|
106
|
-
transform: translateY(100%) !important;
|
93
|
+
transform: translateY(100%) !important;
|
107
94
|
}
|
108
95
|
.ui.slide.up.active.reveal > .visible.content,
|
109
96
|
.ui.slide.up.reveal:hover > .visible.content {
|
110
|
-
|
111
|
-
transform: translateY(-100%) !important;
|
97
|
+
transform: translateY(-100%) !important;
|
112
98
|
}
|
113
99
|
.ui.slide.up.active.reveal > .hidden.content,
|
114
100
|
.ui.slide.up.reveal:hover > .hidden.content {
|
115
|
-
|
116
|
-
transform: translateY(0%) !important;
|
101
|
+
transform: translateY(0) !important;
|
117
102
|
}
|
118
103
|
.ui.slide.down.reveal > .hidden.content {
|
119
|
-
|
120
|
-
transform: translateY(-100%) !important;
|
104
|
+
transform: translateY(-100%) !important;
|
121
105
|
}
|
122
106
|
.ui.slide.down.active.reveal > .visible.content,
|
123
107
|
.ui.slide.down.reveal:hover > .visible.content {
|
124
|
-
|
125
|
-
transform: translateY(100%) !important;
|
108
|
+
transform: translateY(100%) !important;
|
126
109
|
}
|
127
110
|
.ui.slide.down.active.reveal > .hidden.content,
|
128
111
|
.ui.slide.down.reveal:hover > .hidden.content {
|
129
|
-
|
130
|
-
transform: translateY(0%) !important;
|
112
|
+
transform: translateY(0) !important;
|
131
113
|
}
|
132
114
|
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
115
|
+
/* --------------
|
116
|
+
Fade
|
117
|
+
--------------- */
|
137
118
|
.ui.fade.reveal > .visible.content {
|
138
119
|
opacity: 1;
|
139
120
|
}
|
@@ -142,10 +123,9 @@
|
|
142
123
|
opacity: 0;
|
143
124
|
}
|
144
125
|
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
126
|
+
/* --------------
|
127
|
+
Move
|
128
|
+
--------------- */
|
149
129
|
.ui.move.reveal {
|
150
130
|
position: relative !important;
|
151
131
|
overflow: hidden !important;
|
@@ -156,10 +136,7 @@
|
|
156
136
|
float: left;
|
157
137
|
white-space: normal;
|
158
138
|
margin: 0;
|
159
|
-
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
|
160
|
-
transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
|
161
139
|
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
|
162
|
-
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
|
163
140
|
}
|
164
141
|
.ui.move.reveal > .visible.content {
|
165
142
|
position: relative !important;
|
@@ -171,55 +148,44 @@
|
|
171
148
|
}
|
172
149
|
.ui.move.active.reveal > .visible.content,
|
173
150
|
.ui.move.reveal:hover > .visible.content {
|
174
|
-
|
175
|
-
transform: translateX(-100%) !important;
|
151
|
+
transform: translateX(-100%) !important;
|
176
152
|
}
|
177
153
|
.ui.move.right.active.reveal > .visible.content,
|
178
154
|
.ui.move.right.reveal:hover > .visible.content {
|
179
|
-
|
180
|
-
transform: translateX(100%) !important;
|
155
|
+
transform: translateX(100%) !important;
|
181
156
|
}
|
182
157
|
.ui.move.up.active.reveal > .visible.content,
|
183
158
|
.ui.move.up.reveal:hover > .visible.content {
|
184
|
-
|
185
|
-
transform: translateY(-100%) !important;
|
159
|
+
transform: translateY(-100%) !important;
|
186
160
|
}
|
187
161
|
.ui.move.down.active.reveal > .visible.content,
|
188
162
|
.ui.move.down.reveal:hover > .visible.content {
|
189
|
-
|
190
|
-
transform: translateY(100%) !important;
|
163
|
+
transform: translateY(100%) !important;
|
191
164
|
}
|
192
165
|
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
166
|
+
/* --------------
|
167
|
+
Rotate
|
168
|
+
--------------- */
|
197
169
|
.ui.rotate.reveal > .visible.content {
|
198
|
-
|
199
|
-
|
200
|
-
-webkit-transform: rotate(0deg);
|
201
|
-
transform: rotate(0deg);
|
170
|
+
transition-duration: 0.5s;
|
171
|
+
transform: rotate(0);
|
202
172
|
}
|
203
173
|
.ui.rotate.reveal > .visible.content,
|
204
174
|
.ui.rotate.right.reveal > .visible.content {
|
205
|
-
|
206
|
-
transform-origin: bottom right;
|
175
|
+
transform-origin: bottom right;
|
207
176
|
}
|
208
177
|
.ui.rotate.active.reveal > .visible.content,
|
209
178
|
.ui.rotate.reveal:hover > .visible.content,
|
210
179
|
.ui.rotate.right.active.reveal > .visible.content,
|
211
180
|
.ui.rotate.right.reveal:hover > .visible.content {
|
212
|
-
|
213
|
-
transform: rotate(110deg);
|
181
|
+
transform: rotate(110deg);
|
214
182
|
}
|
215
183
|
.ui.rotate.left.reveal > .visible.content {
|
216
|
-
|
217
|
-
transform-origin: bottom left;
|
184
|
+
transform-origin: bottom left;
|
218
185
|
}
|
219
186
|
.ui.rotate.left.active.reveal > .visible.content,
|
220
187
|
.ui.rotate.left.reveal:hover > .visible.content {
|
221
|
-
|
222
|
-
transform: rotate(-110deg);
|
188
|
+
transform: rotate(-110deg);
|
223
189
|
}
|
224
190
|
|
225
191
|
|
@@ -235,8 +201,7 @@
|
|
235
201
|
left: 0 !important;
|
236
202
|
right: auto !important;
|
237
203
|
bottom: auto !important;
|
238
|
-
|
239
|
-
transform: none !important;
|
204
|
+
transform: none !important;
|
240
205
|
}
|
241
206
|
.ui.disabled.reveal:hover > .hidden.hidden.content {
|
242
207
|
display: none !important;
|
@@ -257,27 +222,23 @@
|
|
257
222
|
*******************************/
|
258
223
|
|
259
224
|
|
260
|
-
|
225
|
+
/* --------------
|
261
226
|
Visible
|
262
|
-
|
263
|
-
|
227
|
+
--------------- */
|
264
228
|
.ui.visible.reveal {
|
265
229
|
overflow: visible;
|
266
230
|
}
|
267
231
|
|
268
|
-
|
232
|
+
/* --------------
|
269
233
|
Instant
|
270
|
-
|
271
|
-
|
234
|
+
--------------- */
|
272
235
|
.ui.instant.reveal > .content {
|
273
|
-
|
274
|
-
transition-delay: 0s !important;
|
236
|
+
transition-delay: 0s !important;
|
275
237
|
}
|
276
238
|
|
277
|
-
|
239
|
+
/* --------------
|
278
240
|
Sizing
|
279
|
-
|
280
|
-
|
241
|
+
--------------- */
|
281
242
|
.ui.reveal > .content {
|
282
243
|
font-size: 1rem;
|
283
244
|
}
|