semantic-ui-sass 0.13.1.0 → 0.14.0.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 +4 -0
- data/README.md +1 -1
- data/app/assets/javascripts/semantic-ui/modal.js +6 -8
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +40 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +44 -0
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +49 -20
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +5 -6
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 64fced5d889ca61f15a29fe28892619ae3a8a5d4
|
4
|
+
data.tar.gz: e39dc59786251671dedaa32ca18b4dbedb2f86e2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 19df4588aa4d19e6ef16ae4a29b839771ca567f9cdfec2139f307b115f81dc8f047e66ebeead323c199cd6588611868bd54a3a547e9b49ec08cbe3e97c30d994
|
7
|
+
data.tar.gz: b427329b8cc84c39dbe493784383989f4f028444b71835828a3503af988ca609b665c8ba7506aa5858c74721ee0660a1e3d2ad024ce3ea586aee434107b498a2
|
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
/*
|
2
2
|
* # Semantic - Modal
|
3
|
-
* http://github.com/
|
3
|
+
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Copyright 2013 Contributors
|
@@ -65,7 +65,7 @@ $.fn.modal = function(parameters) {
|
|
65
65
|
initialize: function() {
|
66
66
|
module.verbose('Initializing dimmer', $context);
|
67
67
|
|
68
|
-
if(
|
68
|
+
if($.fn.dimmer === undefined) {
|
69
69
|
module.error(error.dimmer);
|
70
70
|
return;
|
71
71
|
}
|
@@ -73,7 +73,7 @@ $.fn.modal = function(parameters) {
|
|
73
73
|
.dimmer({
|
74
74
|
closable : false,
|
75
75
|
useCSS : true,
|
76
|
-
duration: {
|
76
|
+
duration : {
|
77
77
|
show : settings.duration * 0.9,
|
78
78
|
hide : settings.duration * 1.1
|
79
79
|
}
|
@@ -96,9 +96,7 @@ $.fn.modal = function(parameters) {
|
|
96
96
|
.on('click' + eventNamespace, module.event.close)
|
97
97
|
;
|
98
98
|
$window
|
99
|
-
.on('resize' + eventNamespace,
|
100
|
-
module.event.debounce(module.refresh, 50);
|
101
|
-
})
|
99
|
+
.on('resize' + eventNamespace, module.event.resize)
|
102
100
|
;
|
103
101
|
module.instantiate();
|
104
102
|
},
|
@@ -210,7 +208,7 @@ $.fn.modal = function(parameters) {
|
|
210
208
|
},
|
211
209
|
resize: function() {
|
212
210
|
if( $dimmable.dimmer('is active') ) {
|
213
|
-
module.refresh
|
211
|
+
requestAnimationFrame(module.refresh);
|
214
212
|
}
|
215
213
|
}
|
216
214
|
},
|
@@ -728,4 +726,4 @@ $.fn.modal.settings = {
|
|
728
726
|
};
|
729
727
|
|
730
728
|
|
731
|
-
})( jQuery, window , document );
|
729
|
+
})( jQuery, window , document );
|
@@ -268,6 +268,46 @@
|
|
268
268
|
box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
|
269
269
|
}
|
270
270
|
|
271
|
+
/*----------------------------
|
272
|
+
Dropdown Selection Warning
|
273
|
+
-----------------------------*/
|
274
|
+
|
275
|
+
.ui.form .fields.error .field .ui.dropdown,
|
276
|
+
.ui.form .fields.error .field .ui.dropdown .item,
|
277
|
+
.ui.form .field.error .ui.dropdown,
|
278
|
+
.ui.form .field.error .ui.dropdown .item {
|
279
|
+
background-color: #FFFAFA;
|
280
|
+
color: #D95C5C;
|
281
|
+
}
|
282
|
+
|
283
|
+
.ui.form .fields.error .field .ui.dropdown,
|
284
|
+
.ui.form .field.error .ui.dropdown {
|
285
|
+
-webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
|
286
|
+
box-shadow: 0px 0px 0px 1px #E7BEBE !important;
|
287
|
+
}
|
288
|
+
|
289
|
+
.ui.form .fields.error .field .ui.dropdown:hover,
|
290
|
+
.ui.form .field.error .ui.dropdown:hover {
|
291
|
+
-webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
|
292
|
+
box-shadow: 0px 0px 0px 1px #E7BEBE !important;
|
293
|
+
}
|
294
|
+
|
295
|
+
.ui.form .fields.error .field .ui.dropdown:hover .menu,
|
296
|
+
.ui.form .field.error .ui.dropdown:hover .menu {
|
297
|
+
-webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
298
|
+
box-shadow: 0px 1px 0px 1px #E7BEBE;
|
299
|
+
}
|
300
|
+
|
301
|
+
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
|
302
|
+
.ui.form .field.error .ui.dropdown .menu .item:hover {
|
303
|
+
background-color: #FFF2F2;
|
304
|
+
}
|
305
|
+
|
306
|
+
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
|
307
|
+
.ui.form .field.error .ui.dropdown .menu .active.item {
|
308
|
+
background-color: #FDCFCF !important;
|
309
|
+
}
|
310
|
+
|
271
311
|
/*--------------------
|
272
312
|
Empty (Placeholder)
|
273
313
|
---------------------*/
|
@@ -33,7 +33,7 @@
|
|
33
33
|
font-style: normal;
|
34
34
|
text-align: center;
|
35
35
|
text-decoration: none;
|
36
|
-
background-image: -webkit-gradient(linear, top left
|
36
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
|
37
37
|
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
|
38
38
|
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
|
39
39
|
border-radius: 0.25em;
|
@@ -82,7 +82,7 @@
|
|
82
82
|
---------------*/
|
83
83
|
|
84
84
|
.ui.button:hover {
|
85
|
-
background-image: -webkit-gradient(linear, top left
|
85
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
|
86
86
|
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
|
87
87
|
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
|
88
88
|
color: rgba(0, 0, 0, 0.7);
|
@@ -404,7 +404,7 @@
|
|
404
404
|
background-color: #555555;
|
405
405
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
|
406
406
|
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
407
|
-
background-image: -webkit-gradient(linear, top left
|
407
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
|
408
408
|
background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
409
409
|
color: #FAFAFA;
|
410
410
|
}
|
@@ -413,7 +413,7 @@
|
|
413
413
|
background-color: #555555;
|
414
414
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
|
415
415
|
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
|
416
|
-
background-image: -webkit-gradient(linear, top left
|
416
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
|
417
417
|
background-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
|
418
418
|
color: #EEEEEE;
|
419
419
|
}
|
@@ -52,6 +52,49 @@
|
|
52
52
|
box-shadow 0.1s ease;
|
53
53
|
}
|
54
54
|
|
55
|
+
/*******************************
|
56
|
+
Types
|
57
|
+
*******************************/
|
58
|
+
|
59
|
+
.ui.vertical.steps {
|
60
|
+
overflow: visible;
|
61
|
+
}
|
62
|
+
|
63
|
+
.ui.vertical.steps .step {
|
64
|
+
display: block;
|
65
|
+
border-radius: 0em;
|
66
|
+
padding: 1em 2em;
|
67
|
+
}
|
68
|
+
|
69
|
+
.ui.vertical.steps .step:first-child {
|
70
|
+
padding: 1em 2em;
|
71
|
+
border-top-left-radius: 0.3125rem;
|
72
|
+
border-top-right-radius: 0.3125rem;
|
73
|
+
}
|
74
|
+
|
75
|
+
.ui.vertical.steps .step:last-child {
|
76
|
+
border-bottom-left-radius: 0.3125rem;
|
77
|
+
border-bottom-right-radius: 0.3125rem;
|
78
|
+
}
|
79
|
+
|
80
|
+
/* Arrow */
|
81
|
+
|
82
|
+
.ui.vertical.steps .step:after {
|
83
|
+
display: none;
|
84
|
+
}
|
85
|
+
|
86
|
+
/* Disabled */
|
87
|
+
|
88
|
+
.ui.vertical.steps .disabled.step:after {
|
89
|
+
padding: 1em 2em;
|
90
|
+
}
|
91
|
+
|
92
|
+
/* Active Arrow */
|
93
|
+
|
94
|
+
.ui.vertical.steps .active.step:after {
|
95
|
+
display: block;
|
96
|
+
}
|
97
|
+
|
55
98
|
/*******************************
|
56
99
|
Group
|
57
100
|
*******************************/
|
@@ -60,6 +103,7 @@
|
|
60
103
|
cursor: pointer;
|
61
104
|
display: inline-block;
|
62
105
|
font-size: 0em;
|
106
|
+
overflow: hidden;
|
63
107
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
64
108
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
65
109
|
line-height: 1;
|
@@ -166,6 +166,10 @@
|
|
166
166
|
display: block;
|
167
167
|
}
|
168
168
|
|
169
|
+
/*--------------------
|
170
|
+
Hover
|
171
|
+
----------------------*/
|
172
|
+
|
169
173
|
/* Menu Item Hover */
|
170
174
|
|
171
175
|
.ui.dropdown .menu .item:hover {
|
@@ -173,6 +177,10 @@
|
|
173
177
|
z-index: 12;
|
174
178
|
}
|
175
179
|
|
180
|
+
/*--------------------
|
181
|
+
Active
|
182
|
+
----------------------*/
|
183
|
+
|
176
184
|
/* Menu Item Active */
|
177
185
|
|
178
186
|
.ui.dropdown .menu .active.item {
|
@@ -186,7 +194,9 @@
|
|
186
194
|
z-index: 12;
|
187
195
|
}
|
188
196
|
|
189
|
-
|
197
|
+
/*--------------------
|
198
|
+
Default Text
|
199
|
+
----------------------*/
|
190
200
|
|
191
201
|
.ui.dropdown > .default.text,
|
192
202
|
.ui.default.dropdown > .text {
|
@@ -198,6 +208,43 @@
|
|
198
208
|
color: rgba(0, 0, 0, 0.8);
|
199
209
|
}
|
200
210
|
|
211
|
+
/*--------------------
|
212
|
+
Error
|
213
|
+
----------------------*/
|
214
|
+
|
215
|
+
.ui.dropdown.error,
|
216
|
+
.ui.dropdown.error .item {
|
217
|
+
color: #D95C5C !important;
|
218
|
+
}
|
219
|
+
|
220
|
+
.ui.selection.dropdown.error {
|
221
|
+
background-color: #FFFAFA;
|
222
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
223
|
+
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
224
|
+
}
|
225
|
+
|
226
|
+
.ui.selection.dropdown.error:hover {
|
227
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
228
|
+
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
229
|
+
}
|
230
|
+
|
231
|
+
.ui.dropdown.error .menu {
|
232
|
+
-webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
|
233
|
+
box-shadow: 0px 0px 1px 1px #E7BEBE !important;
|
234
|
+
}
|
235
|
+
|
236
|
+
/* Item Hover */
|
237
|
+
|
238
|
+
.ui.dropdown.error .menu .item:hover {
|
239
|
+
background-color: #FFF2F2 !important;
|
240
|
+
}
|
241
|
+
|
242
|
+
/* Item Active */
|
243
|
+
|
244
|
+
.ui.dropdown.error .menu .active.item {
|
245
|
+
background-color: #FDCFCF !important;
|
246
|
+
}
|
247
|
+
|
201
248
|
/*******************************
|
202
249
|
Variations
|
203
250
|
*******************************/
|
@@ -316,22 +363,6 @@
|
|
316
363
|
margin-right: 0.5em;
|
317
364
|
}
|
318
365
|
|
319
|
-
/* Hover */
|
320
|
-
|
321
|
-
.ui.selection.dropdown:hover {
|
322
|
-
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
|
323
|
-
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
|
324
|
-
}
|
325
|
-
|
326
|
-
.ui.selection.dropdown:hover .menu {
|
327
|
-
-webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
|
328
|
-
box-shadow: 0px 1px 0px 1px #D3D3D3;
|
329
|
-
}
|
330
|
-
|
331
|
-
.ui.selection.dropdown:hover > .dropdown.icon {
|
332
|
-
opacity: 1;
|
333
|
-
}
|
334
|
-
|
335
366
|
/* Visible */
|
336
367
|
|
337
368
|
.ui.visible.selection.dropdown {
|
@@ -349,8 +380,6 @@
|
|
349
380
|
opacity: 1;
|
350
381
|
}
|
351
382
|
|
352
|
-
|
353
|
-
|
354
383
|
/*--------------
|
355
384
|
Fluid
|
356
385
|
---------------*/
|
@@ -428,7 +457,7 @@
|
|
428
457
|
|
429
458
|
.ui.pointing.dropdown .menu .active.item:first-child {
|
430
459
|
background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
|
431
|
-
background: transparent-webkit-gradient(linear, top left
|
460
|
+
background: transparent-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.03)));
|
432
461
|
background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
|
433
462
|
}
|
434
463
|
|
@@ -54,7 +54,7 @@ ol.ui.list li,
|
|
54
54
|
list-style-type: none;
|
55
55
|
list-style-position: inside;
|
56
56
|
padding: 0.3em 0em;
|
57
|
-
line-height: 1.
|
57
|
+
line-height: 1.2em;
|
58
58
|
}
|
59
59
|
|
60
60
|
.ui.list .item:after {
|
@@ -109,7 +109,7 @@ ol.ui.list li,
|
|
109
109
|
.ui.list .item > .content {
|
110
110
|
display: inline-block;
|
111
111
|
vertical-align: middle;
|
112
|
-
line-height: 1.
|
112
|
+
line-height: 1.2em;
|
113
113
|
}
|
114
114
|
|
115
115
|
.ui.list .item > .icon + .content {
|
@@ -349,8 +349,6 @@ ul.ui.list li:before,
|
|
349
349
|
position: absolute;
|
350
350
|
left: -1.5em;
|
351
351
|
content: '•';
|
352
|
-
line-height: 1.2rem;
|
353
|
-
vertical-align: top;
|
354
352
|
}
|
355
353
|
|
356
354
|
ul.ui.list ul,
|
@@ -434,6 +432,7 @@ ol.ui.horizontal.list,
|
|
434
432
|
ol.ui.horizontal.list li:before,
|
435
433
|
.ui.ordered.horizontal.list .item:before {
|
436
434
|
position: static;
|
435
|
+
left: 0em;
|
437
436
|
margin: 0em 0.5em 0em 0em;
|
438
437
|
}
|
439
438
|
|
@@ -518,7 +517,7 @@ ol.ui.horizontal.list li:before,
|
|
518
517
|
margin: 0em;
|
519
518
|
padding-left: 0.75em;
|
520
519
|
padding-right: 0.75em;
|
521
|
-
line-height: 0.
|
520
|
+
line-height: 0.6em;
|
522
521
|
}
|
523
522
|
|
524
523
|
.ui.horizontal.divided.list > .item:first-child {
|
@@ -613,7 +612,7 @@ ol.ui.horizontal.list li:before,
|
|
613
612
|
margin: 0em;
|
614
613
|
padding-left: 0.75em;
|
615
614
|
padding-right: 0.75em;
|
616
|
-
line-height: 0.
|
615
|
+
line-height: 0.6em;
|
617
616
|
}
|
618
617
|
|
619
618
|
.ui.horizontal.celled.list .item:last-child {
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.14.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- doabit
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-03-04 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|