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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ac035071097772a7a1ad38f639aaaf4b3324f695
4
- data.tar.gz: 3a8a712238e49cd295afe093a485ee1dc237394e
3
+ metadata.gz: 64fced5d889ca61f15a29fe28892619ae3a8a5d4
4
+ data.tar.gz: e39dc59786251671dedaa32ca18b4dbedb2f86e2
5
5
  SHA512:
6
- metadata.gz: 81ca56df7d645ec6dcbfad4c0b571233e5d323d51ca719b57e6acaf6f721b8ba4f9fbf860bf36fbba65da6068ab0276ecce36e6d7a3a83cc6365ce47f3a33735
7
- data.tar.gz: 5384d52335a3a6a277cea28cb36e51a8b67fd73f3900a762783e361e93817bf5aa76e8d08aa028ffc9b9923738cd757026b62881d61b69b19701fc7ee97f989b
6
+ metadata.gz: 19df4588aa4d19e6ef16ae4a29b839771ca567f9cdfec2139f307b115f81dc8f047e66ebeead323c199cd6588611868bd54a3a547e9b49ec08cbe3e97c30d994
7
+ data.tar.gz: b427329b8cc84c39dbe493784383989f4f028444b71835828a3503af988ca609b665c8ba7506aa5858c74721ee0660a1e3d2ad024ce3ea586aee434107b498a2
data/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## 0.14.0.0
2
+
3
+ * Update Semantic UI to 0.14.0
4
+
1
5
  ## 0.13.1.0
2
6
 
3
7
  * Update Semantic UI to 0.13.1
data/README.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ## Installation and Usage
6
6
 
7
7
  ```ruby
8
- gem 'semantic-ui-sass', '~> 0.13.1.0'
8
+ gem 'semantic-ui-sass', '~> 0.14.0.0'
9
9
  ```
10
10
  or
11
11
 
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  * # Semantic - Modal
3
- * http://github.com/jlukic/semantic-ui/
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(typeof $.fn.dimmer === undefined) {
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, function() {
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, bottom left, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
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, bottom left, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
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, bottom left, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
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, bottom left, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
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
- /* Default Text */
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, bottom left, from(transparent), to(rgba(0, 0, 0, 0.03)));
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.2;
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.2;
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.6;
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.6;
615
+ line-height: 0.6em;
617
616
  }
618
617
 
619
618
  .ui.horizontal.celled.list .item:last-child {
@@ -1,8 +1,8 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = "0.13.1.0"
5
- SEMANTIC_UI_SHA = 'ab904bb50fdc8c8f9de93107217548a80c2ab15d'
4
+ VERSION = "0.14.0.0"
5
+ SEMANTIC_UI_SHA = 'bb105bf5dccdc4b2c4cfe3ed79ef600e91cf65d7'
6
6
  end
7
7
  end
8
8
  end
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.13.1.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-02-28 00:00:00.000000000 Z
11
+ date: 2014-03-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler