fomantic-ui-sass 2.9.0 → 2.9.1
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.
- checksums.yaml +4 -4
- 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.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +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.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
- data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
- data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
- data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
- data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
- data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
- data/app/assets/javascripts/semantic-ui/embed.js +646 -676
- data/app/assets/javascripts/semantic-ui/flyout.js +1515 -1466
- data/app/assets/javascripts/semantic-ui/form.js +2023 -2005
- data/app/assets/javascripts/semantic-ui/modal.js +1545 -1487
- data/app/assets/javascripts/semantic-ui/nag.js +521 -527
- data/app/assets/javascripts/semantic-ui/popup.js +1457 -1457
- data/app/assets/javascripts/semantic-ui/progress.js +970 -998
- data/app/assets/javascripts/semantic-ui/rating.js +508 -524
- data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
- data/app/assets/javascripts/semantic-ui/shape.js +784 -811
- data/app/assets/javascripts/semantic-ui/sidebar.js +1062 -1100
- data/app/assets/javascripts/semantic-ui/site.js +437 -477
- data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
- data/app/assets/javascripts/semantic-ui/state.js +639 -658
- data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
- data/app/assets/javascripts/semantic-ui/tab.js +903 -967
- data/app/assets/javascripts/semantic-ui/toast.js +911 -885
- data/app/assets/javascripts/semantic-ui/transition.js +1049 -1078
- 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 +246 -341
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +185 -331
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +272 -433
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3556 -3556
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +358 -276
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
- 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 +150 -226
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +30 -43
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +122 -193
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +254 -388
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +20 -31
- data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +426 -204
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +93 -121
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -133
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +1 -1
- metadata +17 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* # Fomantic-UI 2.9.
|
|
3
|
-
*
|
|
2
|
+
* # Fomantic-UI 2.9.1 - Search
|
|
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
|
|
|
@@ -27,49 +27,41 @@
|
|
|
27
27
|
line-height: 1.21428571em;
|
|
28
28
|
padding: 0.67857143em 1em;
|
|
29
29
|
font-size: 1em;
|
|
30
|
-
background: #
|
|
30
|
+
background: #fff;
|
|
31
31
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
32
32
|
color: rgba(0, 0, 0, 0.87);
|
|
33
|
-
|
|
34
|
-
box-shadow: 0 0 0 0 transparent inset;
|
|
35
|
-
-webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
|
36
|
-
transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
|
33
|
+
box-shadow: 0 0 0 0 transparent inset;
|
|
37
34
|
transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
|
|
38
|
-
transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
|
39
35
|
}
|
|
40
36
|
.ui.search .prompt {
|
|
41
37
|
border-radius: 500rem;
|
|
42
38
|
}
|
|
43
39
|
|
|
44
|
-
|
|
40
|
+
/* --------------
|
|
45
41
|
Icon
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
--------------- */
|
|
48
43
|
.ui.search .prompt ~ .search.icon {
|
|
49
44
|
cursor: pointer;
|
|
50
45
|
}
|
|
51
46
|
|
|
52
|
-
|
|
47
|
+
/* --------------
|
|
53
48
|
Results
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
--------------- */
|
|
56
50
|
.ui.search > .results {
|
|
57
51
|
display: none;
|
|
58
52
|
position: absolute;
|
|
59
53
|
top: 100%;
|
|
60
54
|
left: 0;
|
|
61
|
-
|
|
62
|
-
transform-origin: center top;
|
|
55
|
+
transform-origin: center top;
|
|
63
56
|
white-space: normal;
|
|
64
57
|
text-align: left;
|
|
65
58
|
text-transform: none;
|
|
66
|
-
background: #
|
|
59
|
+
background: #fff;
|
|
67
60
|
margin-top: 0.5em;
|
|
68
61
|
width: 18em;
|
|
69
62
|
border-radius: 0.28571429rem;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
border: 1px solid #D4D4D5;
|
|
63
|
+
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
64
|
+
border: 1px solid #d4d4d5;
|
|
73
65
|
z-index: 998;
|
|
74
66
|
}
|
|
75
67
|
.ui.search > .results > :first-child {
|
|
@@ -79,10 +71,9 @@
|
|
|
79
71
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
|
80
72
|
}
|
|
81
73
|
|
|
82
|
-
|
|
74
|
+
/* --------------
|
|
83
75
|
Result
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
--------------- */
|
|
86
77
|
.ui.search > .results .result {
|
|
87
78
|
cursor: pointer;
|
|
88
79
|
display: block;
|
|
@@ -112,16 +103,15 @@
|
|
|
112
103
|
height: 100%;
|
|
113
104
|
}
|
|
114
105
|
|
|
115
|
-
|
|
106
|
+
/* --------------
|
|
116
107
|
Info
|
|
117
|
-
|
|
118
|
-
|
|
108
|
+
--------------- */
|
|
119
109
|
.ui.search > .results .result .image + .content {
|
|
120
110
|
margin: 0 6em 0 0;
|
|
121
111
|
}
|
|
122
112
|
.ui.search > .results .result .title {
|
|
123
113
|
margin: -0.14285714em 0 0;
|
|
124
|
-
font-family:
|
|
114
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
125
115
|
font-weight: bold;
|
|
126
116
|
font-size: 1em;
|
|
127
117
|
color: rgba(0, 0, 0, 0.85);
|
|
@@ -133,18 +123,17 @@
|
|
|
133
123
|
}
|
|
134
124
|
.ui.search > .results .result .price {
|
|
135
125
|
float: right;
|
|
136
|
-
color: #
|
|
126
|
+
color: #21ba45;
|
|
137
127
|
}
|
|
138
128
|
|
|
139
|
-
|
|
129
|
+
/* --------------
|
|
140
130
|
Message
|
|
141
|
-
|
|
142
|
-
|
|
131
|
+
--------------- */
|
|
143
132
|
.ui.search > .results > .message {
|
|
144
133
|
padding: 1em 1em;
|
|
145
134
|
}
|
|
146
135
|
.ui.search > .results > .message .header {
|
|
147
|
-
font-family:
|
|
136
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
148
137
|
font-size: 1rem;
|
|
149
138
|
font-weight: bold;
|
|
150
139
|
color: rgba(0, 0, 0, 0.87);
|
|
@@ -159,7 +148,7 @@
|
|
|
159
148
|
.ui.search > .results > .action {
|
|
160
149
|
display: block;
|
|
161
150
|
border-top: none;
|
|
162
|
-
background: #
|
|
151
|
+
background: #f3f4f5;
|
|
163
152
|
padding: 0.92857143em 1em;
|
|
164
153
|
color: rgba(0, 0, 0, 0.87);
|
|
165
154
|
font-weight: bold;
|
|
@@ -172,23 +161,21 @@
|
|
|
172
161
|
*******************************/
|
|
173
162
|
|
|
174
163
|
|
|
175
|
-
|
|
164
|
+
/* --------------------
|
|
176
165
|
Focus
|
|
177
|
-
|
|
178
|
-
|
|
166
|
+
--------------------- */
|
|
179
167
|
.ui.search > .prompt:focus {
|
|
180
168
|
border-color: rgba(34, 36, 38, 0.35);
|
|
181
|
-
background: #
|
|
169
|
+
background: #fff;
|
|
182
170
|
color: rgba(0, 0, 0, 0.95);
|
|
183
171
|
}
|
|
184
172
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
173
|
+
/* --------------------
|
|
174
|
+
Loading
|
|
175
|
+
--------------------- */
|
|
189
176
|
.ui.loading.search .input > i.icon::before {
|
|
190
177
|
position: absolute;
|
|
191
|
-
content:
|
|
178
|
+
content: "";
|
|
192
179
|
top: 50%;
|
|
193
180
|
left: 50%;
|
|
194
181
|
margin: -0.64285714em 0 0 -0.64285714em;
|
|
@@ -199,38 +186,34 @@
|
|
|
199
186
|
}
|
|
200
187
|
.ui.loading.search .input > i.icon::after {
|
|
201
188
|
position: absolute;
|
|
202
|
-
content:
|
|
189
|
+
content: "";
|
|
203
190
|
top: 50%;
|
|
204
191
|
left: 50%;
|
|
205
192
|
margin: -0.64285714em 0 0 -0.64285714em;
|
|
206
193
|
width: 1.28571429em;
|
|
207
194
|
height: 1.28571429em;
|
|
208
|
-
|
|
209
|
-
animation: loader 0.6s infinite linear;
|
|
195
|
+
animation: loader 0.6s infinite linear;
|
|
210
196
|
border: 0.2em solid #767676;
|
|
211
197
|
border-radius: 500rem;
|
|
212
|
-
|
|
213
|
-
box-shadow: 0 0 0 1px transparent;
|
|
198
|
+
box-shadow: 0 0 0 1px transparent;
|
|
214
199
|
}
|
|
215
200
|
|
|
216
|
-
|
|
201
|
+
/* --------------
|
|
217
202
|
Hover
|
|
218
|
-
|
|
219
|
-
|
|
203
|
+
--------------- */
|
|
220
204
|
.ui.search > .results .result:hover,
|
|
221
205
|
.ui.category.search > .results .category .result:hover {
|
|
222
|
-
background: #
|
|
206
|
+
background: #f9fafb;
|
|
223
207
|
}
|
|
224
208
|
.ui.search .action:hover:not(div) {
|
|
225
|
-
background: #
|
|
209
|
+
background: #e0e0e0;
|
|
226
210
|
}
|
|
227
211
|
|
|
228
|
-
|
|
212
|
+
/* --------------
|
|
229
213
|
Active
|
|
230
|
-
|
|
231
|
-
|
|
214
|
+
--------------- */
|
|
232
215
|
.ui.category.search > .results .category.active {
|
|
233
|
-
background: #
|
|
216
|
+
background: #f3f4f5;
|
|
234
217
|
}
|
|
235
218
|
.ui.category.search > .results .category.active > .name {
|
|
236
219
|
color: rgba(0, 0, 0, 0.87);
|
|
@@ -239,9 +222,8 @@
|
|
|
239
222
|
.ui.category.search > .results .category .result.active {
|
|
240
223
|
position: relative;
|
|
241
224
|
border-left-color: rgba(34, 36, 38, 0.1);
|
|
242
|
-
background: #
|
|
243
|
-
|
|
244
|
-
box-shadow: none;
|
|
225
|
+
background: #f3f4f5;
|
|
226
|
+
box-shadow: none;
|
|
245
227
|
}
|
|
246
228
|
.ui.search > .results .result.active .title {
|
|
247
229
|
color: rgba(0, 0, 0, 0.85);
|
|
@@ -250,10 +232,9 @@
|
|
|
250
232
|
color: rgba(0, 0, 0, 0.85);
|
|
251
233
|
}
|
|
252
234
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
235
|
+
/* --------------------
|
|
236
|
+
Disabled
|
|
237
|
+
---------------------- */
|
|
257
238
|
|
|
258
239
|
/* Disabled */
|
|
259
240
|
.ui.disabled.search {
|
|
@@ -268,10 +249,9 @@
|
|
|
268
249
|
*******************************/
|
|
269
250
|
|
|
270
251
|
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
252
|
+
/* --------------
|
|
253
|
+
Selection
|
|
254
|
+
--------------- */
|
|
275
255
|
.ui.search.selection .prompt {
|
|
276
256
|
border-radius: 0.28571429rem;
|
|
277
257
|
}
|
|
@@ -282,10 +262,9 @@
|
|
|
282
262
|
position: absolute;
|
|
283
263
|
left: auto;
|
|
284
264
|
opacity: 0;
|
|
285
|
-
color:
|
|
265
|
+
color: "";
|
|
286
266
|
top: 0;
|
|
287
267
|
right: 0;
|
|
288
|
-
-webkit-transition: color 0.1s ease, opacity 0.1s ease;
|
|
289
268
|
transition: color 0.1s ease, opacity 0.1s ease;
|
|
290
269
|
}
|
|
291
270
|
.ui.search.selection > .icon.input > .active.remove.icon {
|
|
@@ -298,13 +277,12 @@
|
|
|
298
277
|
}
|
|
299
278
|
.ui.search.selection > .icon.input > .remove.icon:hover {
|
|
300
279
|
opacity: 1;
|
|
301
|
-
color: #
|
|
280
|
+
color: #db2828;
|
|
302
281
|
}
|
|
303
282
|
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
283
|
+
/* --------------
|
|
284
|
+
Category
|
|
285
|
+
--------------- */
|
|
308
286
|
.ui.category.search .results {
|
|
309
287
|
width: 28em;
|
|
310
288
|
}
|
|
@@ -316,10 +294,8 @@
|
|
|
316
294
|
/* Category */
|
|
317
295
|
.ui.category.search > .results .category {
|
|
318
296
|
display: table-row;
|
|
319
|
-
background: #
|
|
320
|
-
|
|
321
|
-
box-shadow: none;
|
|
322
|
-
-webkit-transition: background 0.1s ease, border-color 0.1s ease;
|
|
297
|
+
background: #f3f4f5;
|
|
298
|
+
box-shadow: none;
|
|
323
299
|
transition: background 0.1s ease, border-color 0.1s ease;
|
|
324
300
|
}
|
|
325
301
|
|
|
@@ -343,7 +319,7 @@
|
|
|
343
319
|
width: 100px;
|
|
344
320
|
white-space: nowrap;
|
|
345
321
|
background: transparent;
|
|
346
|
-
font-family:
|
|
322
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
347
323
|
font-size: 1em;
|
|
348
324
|
padding: 0.4em 1em;
|
|
349
325
|
font-weight: bold;
|
|
@@ -354,13 +330,12 @@
|
|
|
354
330
|
/* Category Result */
|
|
355
331
|
.ui.category.search > .results .category .results {
|
|
356
332
|
display: table-cell;
|
|
357
|
-
background: #
|
|
333
|
+
background: #fff;
|
|
358
334
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
|
359
335
|
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
|
360
336
|
}
|
|
361
337
|
.ui.category.search > .results .category .result {
|
|
362
338
|
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
|
363
|
-
-webkit-transition: background 0.1s ease, border-color 0.1s ease;
|
|
364
339
|
transition: background 0.1s ease, border-color 0.1s ease;
|
|
365
340
|
padding: 0.85714286em 1.14285714em;
|
|
366
341
|
}
|
|
@@ -371,18 +346,18 @@
|
|
|
371
346
|
*******************************/
|
|
372
347
|
|
|
373
348
|
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
349
|
+
/* -------------------
|
|
350
|
+
Scrolling
|
|
351
|
+
-------------------- */
|
|
378
352
|
.ui.scrolling.search > .results,
|
|
379
353
|
.ui.search.long > .results,
|
|
380
354
|
.ui.search.short > .results {
|
|
381
355
|
overflow-x: hidden;
|
|
382
356
|
overflow-y: auto;
|
|
357
|
+
-ms-scroll-chaining: none;
|
|
358
|
+
overscroll-behavior: none;
|
|
383
359
|
-webkit-backface-visibility: hidden;
|
|
384
360
|
backface-visibility: hidden;
|
|
385
|
-
-webkit-overflow-scrolling: touch;
|
|
386
361
|
}
|
|
387
362
|
@media only screen and (max-width: 767.98px) {
|
|
388
363
|
.ui.scrolling.search > .results {
|
|
@@ -461,10 +436,9 @@
|
|
|
461
436
|
}
|
|
462
437
|
}
|
|
463
438
|
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
439
|
+
/* -------------------
|
|
440
|
+
Left / Right
|
|
441
|
+
-------------------- */
|
|
468
442
|
.ui[class*="left aligned"].search > .results {
|
|
469
443
|
right: auto;
|
|
470
444
|
left: 0;
|
|
@@ -474,18 +448,16 @@
|
|
|
474
448
|
left: auto;
|
|
475
449
|
}
|
|
476
450
|
|
|
477
|
-
|
|
451
|
+
/* --------------
|
|
478
452
|
Fluid
|
|
479
|
-
|
|
480
|
-
|
|
453
|
+
--------------- */
|
|
481
454
|
.ui.fluid.search .results {
|
|
482
455
|
width: 100%;
|
|
483
456
|
}
|
|
484
457
|
|
|
485
|
-
|
|
458
|
+
/* --------------
|
|
486
459
|
Sizes
|
|
487
|
-
|
|
488
|
-
|
|
460
|
+
--------------- */
|
|
489
461
|
.ui.search {
|
|
490
462
|
font-size: 1em;
|
|
491
463
|
}
|
|
@@ -511,10 +483,9 @@
|
|
|
511
483
|
font-size: 1.71428571em;
|
|
512
484
|
}
|
|
513
485
|
|
|
514
|
-
|
|
486
|
+
/* --------------
|
|
515
487
|
Mobile
|
|
516
|
-
|
|
517
|
-
|
|
488
|
+
--------------- */
|
|
518
489
|
@media only screen and (max-width: 767.98px) {
|
|
519
490
|
.ui.search .results {
|
|
520
491
|
max-width: calc(100vw - 2rem);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* # Fomantic-UI 2.9.
|
|
3
|
-
*
|
|
2
|
+
* # Fomantic-UI 2.9.1 - Shape
|
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
|
4
4
|
*
|
|
5
5
|
*
|
|
6
6
|
* Released under the MIT license
|
|
7
|
-
*
|
|
7
|
+
* https://opensource.org/licenses/MIT
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
10
|
|
|
@@ -17,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;
|
|
@@ -51,10 +46,9 @@
|
|
|
51
46
|
min-width: 15em;
|
|
52
47
|
height: 15em;
|
|
53
48
|
padding: 2em;
|
|
54
|
-
background-color: #
|
|
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
|
}
|
|
@@ -93,20 +86,18 @@
|
|
|
93
86
|
*******************************/
|
|
94
87
|
|
|
95
88
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
89
|
+
/* --------------
|
|
90
|
+
Loading
|
|
91
|
+
--------------- */
|
|
100
92
|
.ui.loading.shape {
|
|
101
93
|
position: absolute;
|
|
102
94
|
top: -9999px;
|
|
103
95
|
left: -9999px;
|
|
104
96
|
}
|
|
105
97
|
|
|
106
|
-
|
|
98
|
+
/* --------------
|
|
107
99
|
Animating
|
|
108
|
-
|
|
109
|
-
|
|
100
|
+
--------------- */
|
|
110
101
|
.ui.shape .animating.side {
|
|
111
102
|
position: absolute;
|
|
112
103
|
top: 0;
|
|
@@ -118,31 +109,24 @@
|
|
|
118
109
|
opacity: 0.6;
|
|
119
110
|
}
|
|
120
111
|
|
|
121
|
-
|
|
112
|
+
/* --------------
|
|
122
113
|
CSS
|
|
123
|
-
|
|
124
|
-
|
|
114
|
+
--------------- */
|
|
125
115
|
.ui.shape.animating .sides {
|
|
126
116
|
position: absolute;
|
|
127
|
-
-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;
|
|
128
|
-
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;
|
|
129
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;
|
|
130
|
-
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;
|
|
131
118
|
}
|
|
132
119
|
.ui.shape.animating .side {
|
|
133
|
-
-webkit-transition: opacity 0.6s ease-in-out;
|
|
134
120
|
transition: opacity 0.6s ease-in-out;
|
|
135
121
|
}
|
|
136
122
|
.ui.shape .animating.side *,
|
|
137
123
|
.ui.shape.animating .side * {
|
|
138
|
-
-webkit-transition: none;
|
|
139
124
|
transition: none;
|
|
140
125
|
}
|
|
141
126
|
|
|
142
|
-
|
|
127
|
+
/* --------------
|
|
143
128
|
Active
|
|
144
|
-
|
|
145
|
-
|
|
129
|
+
--------------- */
|
|
146
130
|
.ui.shape .active.side {
|
|
147
131
|
display: block;
|
|
148
132
|
}
|