semantic-ui-sass 0.8.1.0 → 0.8.2.0
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/CHANGELOG.md +8 -0
- data/README.md +1 -1
- data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
- data/app/assets/javascripts/semantic-ui/modal.js +11 -6
- data/app/assets/javascripts/semantic-ui/popup.js +0 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
- data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
- data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
- data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
- data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +1 -1
- data/spec/dummy/config/application.rb +1 -1
- data/spec/spec_helper.rb +0 -1
- data/tasks/converter.rb +7 -0
- metadata +4 -7
- data/spec/dummy/config/database.yml +0 -25
@@ -17,20 +17,18 @@
|
|
17
17
|
Standard
|
18
18
|
---------------*/
|
19
19
|
|
20
|
-
|
21
20
|
/*--- Content ---*/
|
22
21
|
|
23
22
|
.ui.checkbox {
|
24
23
|
position: relative;
|
25
24
|
display: inline-block;
|
26
|
-
|
27
25
|
min-width: 1em;
|
28
26
|
height: 1.25em;
|
29
27
|
line-height: 1em;
|
30
|
-
|
31
28
|
outline: none;
|
32
29
|
vertical-align: middle;
|
33
30
|
}
|
31
|
+
|
34
32
|
.ui.checkbox input {
|
35
33
|
position: absolute;
|
36
34
|
top: 0px;
|
@@ -39,7 +37,6 @@
|
|
39
37
|
outline: none;
|
40
38
|
}
|
41
39
|
|
42
|
-
|
43
40
|
/*--- Box ---*/
|
44
41
|
|
45
42
|
.ui.checkbox .box,
|
@@ -54,44 +51,23 @@
|
|
54
51
|
position: absolute;
|
55
52
|
top: 0em;
|
56
53
|
left: 0em;
|
57
|
-
|
58
54
|
line-height: 1;
|
59
55
|
width: 1em;
|
60
56
|
height: 1em;
|
61
57
|
left: 0em;
|
62
58
|
content: '';
|
63
|
-
|
64
59
|
border-radius: 4px;
|
65
|
-
|
66
60
|
background: #FFFFFF;
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
box-shadow 0.3s ease
|
71
|
-
;
|
72
|
-
-moz-transition:
|
73
|
-
background-color 0.3s ease,
|
74
|
-
box-shadow 0.3s ease
|
75
|
-
;
|
76
|
-
-o-transition:
|
77
|
-
background-color 0.3s ease,
|
78
|
-
box-shadow 0.3s ease
|
79
|
-
;
|
80
|
-
-ms-transition:
|
81
|
-
background-color 0.3s ease,
|
82
|
-
box-shadow 0.3s ease
|
83
|
-
;
|
84
|
-
transition:
|
85
|
-
background-color 0.3s ease,
|
86
|
-
box-shadow 0.3s ease
|
87
|
-
;
|
88
|
-
|
61
|
+
-webkit-transition: background-color 0.3s ease,
|
62
|
+
-webkit-box-shadow 0.3s ease;
|
63
|
+
transition: background-color 0.3s ease,
|
64
|
+
box-shadow 0.3s ease;
|
89
65
|
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
|
90
|
-
-moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
|
91
66
|
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
|
92
67
|
}
|
93
68
|
|
94
69
|
/*--- Checkbox ---*/
|
70
|
+
|
95
71
|
.ui.checkbox .box:after,
|
96
72
|
.ui.checkbox label:after {
|
97
73
|
-ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=0);";
|
@@ -104,11 +80,10 @@
|
|
104
80
|
border-top: none;
|
105
81
|
border-right: none;
|
106
82
|
-webkit-transform: rotate(-45deg);
|
107
|
-
-moz-transform: rotate(-45deg);
|
108
|
-
-o-transform: rotate(-45deg);
|
109
83
|
-ms-transform: rotate(-45deg);
|
110
84
|
transform: rotate(-45deg);
|
111
85
|
}
|
86
|
+
|
112
87
|
.ui.checkbox .box:after,
|
113
88
|
.ui.checkbox label:after {
|
114
89
|
top: 0.275em;
|
@@ -118,15 +93,13 @@
|
|
118
93
|
}
|
119
94
|
|
120
95
|
/*--- Inside Label ---*/
|
96
|
+
|
121
97
|
.ui.checkbox label {
|
122
98
|
color: rgba(0, 0, 0, 0.6);
|
123
|
-
|
124
99
|
-webkit-transition: color 0.2s ease;
|
125
|
-
-moz-transition: color 0.2s ease;
|
126
|
-
-o-transition: color 0.2s ease;
|
127
|
-
-ms-transition: color 0.2s ease;
|
128
100
|
transition: color 0.2s ease;
|
129
101
|
}
|
102
|
+
|
130
103
|
.ui.checkbox label:hover {
|
131
104
|
color: rgba(0, 0, 0, 0.8);
|
132
105
|
}
|
@@ -136,44 +109,46 @@
|
|
136
109
|
}
|
137
110
|
|
138
111
|
/*--- Outside Label ---*/
|
112
|
+
|
139
113
|
.ui.checkbox + label {
|
140
114
|
cursor: pointer;
|
141
115
|
opacity: 0.85;
|
142
116
|
vertical-align: middle;
|
143
117
|
}
|
118
|
+
|
144
119
|
.ui.checkbox + label:hover {
|
145
120
|
opacity: 1;
|
146
121
|
}
|
147
122
|
|
148
|
-
|
149
123
|
/*******************************
|
150
124
|
States
|
151
125
|
*******************************/
|
152
126
|
|
153
|
-
|
154
127
|
/*--- Hover ---*/
|
128
|
+
|
155
129
|
.ui.checkbox .box:hover::before,
|
156
130
|
.ui.checkbox label:hover::before {
|
157
131
|
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
158
|
-
-moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
159
132
|
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
160
133
|
}
|
161
134
|
|
162
135
|
/*--- Down ---*/
|
136
|
+
|
163
137
|
.ui.checkbox .box:active::before,
|
164
138
|
.ui.checkbox label:active::before {
|
165
139
|
background-color: #F5F5F5;
|
166
140
|
}
|
167
141
|
|
168
142
|
/*--- Focus ---*/
|
143
|
+
|
169
144
|
.ui.checkbox input:focus + .box:before,
|
170
145
|
.ui.checkbox input:focus + label:before {
|
171
146
|
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
172
|
-
-moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
173
147
|
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
|
174
148
|
}
|
175
149
|
|
176
150
|
/*--- Active ---*/
|
151
|
+
|
177
152
|
.ui.checkbox input:checked + .box:after,
|
178
153
|
.ui.checkbox input:checked + label:after {
|
179
154
|
-ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
|
@@ -182,6 +157,7 @@
|
|
182
157
|
}
|
183
158
|
|
184
159
|
/*--- Disabled ---*/
|
160
|
+
|
185
161
|
.ui.disabled.checkbox + .box:after,
|
186
162
|
.ui.checkbox input[disabled] + .box:after,
|
187
163
|
.ui.disabled.checkbox label,
|
@@ -190,12 +166,10 @@
|
|
190
166
|
color: rgba(0, 0, 0, 0.3);
|
191
167
|
}
|
192
168
|
|
193
|
-
|
194
169
|
/*******************************
|
195
170
|
Variations
|
196
171
|
*******************************/
|
197
172
|
|
198
|
-
|
199
173
|
/*--------------
|
200
174
|
Radio
|
201
175
|
---------------*/
|
@@ -204,25 +178,20 @@
|
|
204
178
|
.ui.radio.checkbox label:before {
|
205
179
|
min-width: 1em;
|
206
180
|
height: 1em;
|
207
|
-
-webkit-border-radius: 500px;
|
208
|
-
-moz-border-radius: 500px;
|
209
181
|
border-radius: 500px;
|
210
182
|
}
|
183
|
+
|
211
184
|
.ui.radio.checkbox .box:after,
|
212
185
|
.ui.radio.checkbox label:after {
|
213
186
|
border: none;
|
214
187
|
top: 0.2em;
|
215
188
|
left: 0.2em;
|
216
|
-
|
217
189
|
width: 0.6em;
|
218
190
|
height: 0.6em;
|
219
|
-
|
220
191
|
background-color: #555555;
|
221
|
-
|
192
|
+
-webkit-transform: none;
|
193
|
+
-ms-transform: none;
|
222
194
|
transform: none;
|
223
|
-
|
224
|
-
-webkit-border-radius: 500px;
|
225
|
-
-moz-border-radius: 500px;
|
226
195
|
border-radius: 500px;
|
227
196
|
}
|
228
197
|
|
@@ -236,92 +205,67 @@
|
|
236
205
|
}
|
237
206
|
|
238
207
|
/* Line */
|
208
|
+
|
239
209
|
.ui.slider.checkbox:after {
|
240
210
|
position: absolute;
|
241
211
|
top: 0.5em;
|
242
212
|
left: 0em;
|
243
213
|
content: '';
|
244
|
-
|
245
214
|
width: 3em;
|
246
215
|
height: 2px;
|
247
216
|
background-color: rgba(0, 0, 0, 0.1);
|
248
217
|
}
|
249
218
|
|
250
219
|
/* Button */
|
220
|
+
|
251
221
|
.ui.slider.checkbox .box,
|
252
222
|
.ui.slider.checkbox label {
|
253
223
|
padding-left: 4em;
|
254
224
|
}
|
225
|
+
|
255
226
|
.ui.slider.checkbox .box:before,
|
256
227
|
.ui.slider.checkbox label:before {
|
257
228
|
cursor: pointer;
|
258
229
|
display: block;
|
259
|
-
|
260
230
|
position: absolute;
|
261
231
|
top: -0.25em;
|
262
232
|
left: 0em;
|
263
233
|
z-index: 1;
|
264
|
-
|
265
234
|
width: 1.5em;
|
266
235
|
height: 1.5em;
|
267
|
-
|
268
236
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
269
|
-
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
270
237
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
271
|
-
|
272
238
|
border-radius: 50rem;
|
273
|
-
|
274
239
|
-webkit-transition: left 0.3s ease 0s;
|
275
|
-
-moz-transition: left 0.3s ease 0s;
|
276
|
-
-o-transition: left 0.3s ease 0s;
|
277
|
-
-ms-transition: left 0.3s ease 0s;
|
278
240
|
transition: left 0.3s ease 0s;
|
279
241
|
}
|
280
242
|
|
281
243
|
/* Button Activation Light */
|
244
|
+
|
282
245
|
.ui.slider.checkbox .box:after,
|
283
246
|
.ui.slider.checkbox label:after {
|
284
247
|
opacity: 1;
|
285
|
-
|
286
248
|
position: absolute;
|
287
249
|
content: '';
|
288
250
|
top: 0.15em;
|
289
251
|
left: 0em;
|
290
252
|
z-index: 2;
|
291
|
-
|
292
253
|
margin-left: 0.375em;
|
293
|
-
|
294
254
|
border: none;
|
295
255
|
width: 0.75em;
|
296
256
|
height: 0.75em;
|
297
|
-
|
298
257
|
border-radius: 50rem;
|
299
|
-
|
258
|
+
-webkit-transform: none;
|
259
|
+
-ms-transform: none;
|
300
260
|
transform: none;
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
left 0.3s ease 0s
|
305
|
-
;
|
306
|
-
-moz-transition:
|
307
|
-
background 0.3s ease 0s,
|
308
|
-
left 0.3s ease 0s
|
309
|
-
;
|
310
|
-
-o-transition:
|
311
|
-
background 0.3s ease 0s,
|
312
|
-
left 0.3s ease 0s
|
313
|
-
;
|
314
|
-
-ms-transition:
|
315
|
-
background 0.3s ease 0s,
|
316
|
-
left 0.3s ease 0s
|
317
|
-
;
|
318
|
-
transition:
|
319
|
-
background 0.3s ease 0s,
|
320
|
-
left 0.3s ease 0s
|
321
|
-
;
|
261
|
+
-webkit-transition: background 0.3s ease 0s,
|
262
|
+
left 0.3s ease 0s;
|
263
|
+
transition: background 0.3s ease 0s,
|
264
|
+
left 0.3s ease 0s;
|
322
265
|
}
|
323
266
|
|
324
267
|
/* Selected Slider Toggle */
|
268
|
+
|
325
269
|
.ui.slider.checkbox input:checked + .box:before,
|
326
270
|
.ui.slider.checkbox input:checked + label:before,
|
327
271
|
.ui.slider.checkbox input:checked + .box:after,
|
@@ -330,27 +274,19 @@
|
|
330
274
|
}
|
331
275
|
|
332
276
|
/* Off Color */
|
333
|
-
|
334
|
-
// .ui.slider.checkbox label {
|
335
|
-
// color: #D95C5C !important;
|
336
|
-
// }
|
277
|
+
|
337
278
|
.ui.slider.checkbox .box:after,
|
338
279
|
.ui.slider.checkbox label:after {
|
339
280
|
background-color: #D95C5C;
|
340
281
|
}
|
341
282
|
|
342
283
|
/* On Color */
|
343
|
-
|
344
|
-
// .ui.slider.checkbox input:checked + label {
|
345
|
-
// color: #89B84C !important;
|
346
|
-
// }
|
284
|
+
|
347
285
|
.ui.slider.checkbox input:checked + .box:after,
|
348
286
|
.ui.slider.checkbox input:checked + label:after {
|
349
287
|
background-color: #89B84C;
|
350
288
|
}
|
351
289
|
|
352
|
-
|
353
|
-
|
354
290
|
/*--------------
|
355
291
|
Toggle
|
356
292
|
---------------*/
|
@@ -365,88 +301,63 @@
|
|
365
301
|
}
|
366
302
|
|
367
303
|
/* Switch */
|
304
|
+
|
368
305
|
.ui.toggle.checkbox .box:before,
|
369
306
|
.ui.toggle.checkbox label:before {
|
370
307
|
cursor: pointer;
|
371
308
|
display: block;
|
372
|
-
|
373
309
|
position: absolute;
|
374
310
|
content: '';
|
375
311
|
top: -0.25em;
|
376
312
|
left: 0em;
|
377
313
|
z-index: 1;
|
378
|
-
|
379
314
|
background-color: #FFFFFF;
|
380
315
|
width: 3em;
|
381
316
|
height: 1.5em;
|
382
|
-
|
383
317
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
384
|
-
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
385
318
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
|
386
|
-
|
387
319
|
border-radius: 50rem;
|
388
320
|
}
|
389
321
|
|
390
322
|
/* Activation Light */
|
323
|
+
|
391
324
|
.ui.toggle.checkbox .box:after,
|
392
325
|
.ui.toggle.checkbox label:after {
|
393
326
|
opacity: 1;
|
394
|
-
|
395
327
|
background-color: transparent;
|
396
328
|
-webkit-box-shadow: none;
|
397
|
-
-moz-box-shadow: none;
|
398
329
|
box-shadow: none;
|
399
|
-
|
400
330
|
content: '';
|
401
331
|
position: absolute;
|
402
332
|
top: 0.15em;
|
403
333
|
left: 0.5em;
|
404
334
|
z-index: 2;
|
405
|
-
|
406
335
|
border: none;
|
407
336
|
width: 0.75em;
|
408
337
|
height: 0.75em;
|
409
|
-
|
410
338
|
background-color: #D95C5C;
|
411
339
|
border-radius: 50rem;
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
left 0.3s ease 0s
|
416
|
-
;
|
417
|
-
-moz-transition:
|
418
|
-
background 0.3s ease 0s,
|
419
|
-
left 0.3s ease 0s
|
420
|
-
;
|
421
|
-
-o-transition:
|
422
|
-
background 0.3s ease 0s,
|
423
|
-
left 0.3s ease 0s
|
424
|
-
;
|
425
|
-
-ms-transition:
|
426
|
-
background 0.3s ease 0s,
|
427
|
-
left 0.3s ease 0s
|
428
|
-
;
|
429
|
-
transition:
|
430
|
-
background 0.3s ease 0s,
|
431
|
-
left 0.3s ease 0s
|
432
|
-
;
|
340
|
+
-webkit-transition: background 0.3s ease 0s,
|
341
|
+
left 0.3s ease 0s;
|
342
|
+
transition: background 0.3s ease 0s,
|
343
|
+
left 0.3s ease 0s;
|
433
344
|
}
|
434
345
|
|
435
346
|
/* Active */
|
347
|
+
|
436
348
|
.ui.toggle.checkbox:active .box:before,
|
437
349
|
.ui.toggle.checkbox:active label:before {
|
438
350
|
background-color: #F5F5F5;
|
439
351
|
}
|
440
352
|
|
441
353
|
/* Active */
|
354
|
+
|
442
355
|
.ui.toggle.checkbox input:checked + .box:after,
|
443
356
|
.ui.toggle.checkbox input:checked + label:after {
|
444
357
|
left: 1.75em;
|
445
358
|
background-color: #89B84C;
|
446
359
|
}
|
447
360
|
|
448
|
-
|
449
|
-
|
450
361
|
/*--------------
|
451
362
|
Sizes
|
452
363
|
---------------*/
|
@@ -454,9 +365,11 @@
|
|
454
365
|
.ui.checkbox {
|
455
366
|
font-size: 1em;
|
456
367
|
}
|
368
|
+
|
457
369
|
.ui.large.checkbox {
|
458
370
|
font-size: 1.25em;
|
459
371
|
}
|
372
|
+
|
460
373
|
.ui.huge.checkbox {
|
461
374
|
font-size: 1.5em;
|
462
375
|
}
|
@@ -22,86 +22,59 @@
|
|
22
22
|
position: absolute;
|
23
23
|
top: 0em !important;
|
24
24
|
left: 0em !important;
|
25
|
-
|
26
25
|
width: 0%;
|
27
26
|
height: 0%;
|
28
|
-
|
29
27
|
text-align: center;
|
30
28
|
vertical-align: middle;
|
31
|
-
|
32
29
|
background-color: rgba(0, 0, 0, 0.85);
|
33
30
|
opacity: 0;
|
34
31
|
line-height: 1;
|
35
|
-
|
36
32
|
-webkit-animation-fill-mode: both;
|
37
|
-
-moz-animation-fill-mode: both;
|
38
|
-
-o-animation-fill-mode: both;
|
39
33
|
-ms-animation-fill-mode: both;
|
40
34
|
animation-fill-mode: both;
|
41
|
-
|
42
35
|
-webkit-animation-duration: 0.5s;
|
43
|
-
-moz-animation-duration: 0.5s;
|
44
|
-
-o-animation-duration: 0.5s;
|
45
36
|
-ms-animation-duration: 0.5s;
|
46
37
|
animation-duration: 0.5s;
|
47
|
-
|
48
|
-
|
49
|
-
background-color 0.5s linear
|
50
|
-
;
|
51
|
-
-moz-transition:
|
52
|
-
background-color 0.5s linear
|
53
|
-
;
|
54
|
-
-o-transition:
|
55
|
-
background-color 0.5s linear
|
56
|
-
;
|
57
|
-
-ms-transition:
|
58
|
-
background-color 0.5s linear
|
59
|
-
;
|
60
|
-
transition:
|
61
|
-
background-color 0.5s linear
|
62
|
-
;
|
63
|
-
|
38
|
+
-webkit-transition: background-color 0.5s linear;
|
39
|
+
transition: background-color 0.5s linear;
|
64
40
|
-webkit-user-select: none;
|
65
41
|
-moz-user-select: none;
|
66
42
|
-ms-user-select: none;
|
67
43
|
user-select: none;
|
68
|
-
|
69
44
|
-webkit-box-sizing: border-box;
|
70
45
|
-moz-box-sizing: border-box;
|
71
46
|
-ms-box-sizing: border-box;
|
72
47
|
box-sizing: border-box;
|
73
|
-
|
74
48
|
z-index: 1000;
|
75
49
|
}
|
76
50
|
|
77
|
-
/* Dimmer Content
|
51
|
+
/* Dimmer Content */
|
52
|
+
|
53
|
+
;
|
78
54
|
.ui.dimmer > .content {
|
79
55
|
width: 100%;
|
80
56
|
height: 100%;
|
81
57
|
display: table;
|
82
|
-
|
83
58
|
-webkit-user-select: text;
|
84
59
|
-moz-user-select: text;
|
85
60
|
-ms-user-select: text;
|
86
61
|
user-select: text;
|
87
62
|
}
|
63
|
+
|
88
64
|
.ui.dimmer > .content > div {
|
89
65
|
display: table-cell;
|
90
66
|
vertical-align: middle;
|
91
67
|
color: #FFFFFF;
|
92
68
|
}
|
93
69
|
|
94
|
-
|
95
70
|
/* Loose Coupling */
|
71
|
+
|
96
72
|
.ui.segment > .ui.dimmer {
|
97
|
-
-webkit-border-radius: 5px;
|
98
|
-
-moz-border-radius: 5px;
|
99
73
|
border-radius: 5px;
|
100
74
|
}
|
75
|
+
|
101
76
|
.ui.horizontal.segment > .ui.dimmer,
|
102
77
|
.ui.vertical.segment > .ui.dimmer {
|
103
|
-
-webkit-border-radius: 5px;
|
104
|
-
-moz-border-radius: 5px;
|
105
78
|
border-radius: 5px;
|
106
79
|
}
|
107
80
|
|
@@ -136,31 +109,20 @@
|
|
136
109
|
|
137
110
|
.ui.page.dimmer {
|
138
111
|
position: fixed;
|
139
|
-
|
140
112
|
-webkit-transform-style: preserve-3d;
|
141
|
-
-moz-transform-style: preserve-3d;
|
142
113
|
-ms-transform-style: preserve-3d;
|
143
114
|
transform-style: preserve-3d;
|
144
|
-
|
145
115
|
-webkit-perspective: 2000px;
|
146
|
-
-
|
116
|
+
-ms-perspective: 2000px;
|
147
117
|
perspective: 2000px;
|
148
|
-
|
149
118
|
-webkit-transform-origin: center center;
|
150
|
-
-moz-transform-origin: center center;
|
151
|
-
-o-transform-origin: center center;
|
152
119
|
-ms-transform-origin: center center;
|
153
120
|
transform-origin: center center;
|
154
121
|
}
|
122
|
+
|
155
123
|
.ui.scrolling.page.dimmer {
|
156
124
|
position: absolute;
|
157
125
|
}
|
158
|
-
/*
|
159
|
-
body.ui.dimmed.dimmable > :not(.dimmer){
|
160
|
-
-webkit-filter: #{blur(15px) grayscale(0.7)};
|
161
|
-
-moz-filter: #{blur(15px) grayscale(0.7)};
|
162
|
-
}
|
163
|
-
*/
|
164
126
|
|
165
127
|
/*--------------
|
166
128
|
Aligned
|
@@ -169,6 +131,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
|
|
169
131
|
.ui.dimmer > .top.aligned.content > * {
|
170
132
|
vertical-align: top;
|
171
133
|
}
|
134
|
+
|
172
135
|
.ui.dimmer > .bottom.aligned.content > * {
|
173
136
|
vertical-align: bottom;
|
174
137
|
}
|
@@ -180,6 +143,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
|
|
180
143
|
.ui.inverted.dimmer {
|
181
144
|
background-color: rgba(255, 255, 255, 0.85);
|
182
145
|
}
|
146
|
+
|
183
147
|
.ui.inverted.dimmer > .content > * {
|
184
148
|
color: rgba(0, 0, 0, 0.8);
|
185
149
|
}
|
@@ -187,6 +151,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
|
|
187
151
|
/*--------------
|
188
152
|
Simple
|
189
153
|
---------------*/
|
154
|
+
|
190
155
|
/* Displays without javascript */
|
191
156
|
|
192
157
|
.ui.simple.dimmer {
|
@@ -196,6 +161,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
|
|
196
161
|
z-index: -100;
|
197
162
|
background-color: rgba(0, 0, 0, 0);
|
198
163
|
}
|
164
|
+
|
199
165
|
.ui.dimmed.dimmable > .ui.simple.dimmer {
|
200
166
|
overflow: visible;
|
201
167
|
opacity: 1;
|
@@ -208,6 +174,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
|
|
208
174
|
.ui.simple.inverted.dimmer {
|
209
175
|
background-color: rgba(255, 255, 255, 0);
|
210
176
|
}
|
177
|
+
|
211
178
|
.ui.dimmed.dimmable > .ui.simple.inverted.dimmer {
|
212
|
-
background-color: rgba(255, 255, 255, 0.85)
|
179
|
+
background-color: rgba(255, 255, 255, 0.85);
|
213
180
|
}
|