semantic-ui-sass 0.10.2.0 → 0.10.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 136dd8eef21a474e7d48e763d8a08c275ad04a44
4
- data.tar.gz: 8fed24dc8455c832d7e1a7ebaf384ed448ca11e7
3
+ metadata.gz: a1f173e899bab4e13deb41c14813ad45e017a985
4
+ data.tar.gz: cb71c2dd1c7c082995c7ededb916369cb67286ef
5
5
  SHA512:
6
- metadata.gz: 11d932f4ba1d42077ce58f131b40f59c7f8a406662e50a4a62d10bbc9248a6a027667d5f22396ce72f5cf6a260dc27ed3e6a5cd7f8456ac1ce24d78a3bc30b98
7
- data.tar.gz: 74a61b86ce03a013db9a3bbdcb5eb544ea214bbba90632736db546d268e649b78e6be57a6586c6603a8b51dd5088f3fe63b0c7ece2b43be1072b2aee453ea7bc
6
+ metadata.gz: a2388d280fc8a24e8209c9f861714f2d177fda72b0b53f451d057d95b06c4c53c94e13a7253251d0db3fb07a2b3e5d253eb6ec907b546cb10381ea6c1647d85b
7
+ data.tar.gz: b4ab297112db2c42c3a19cf7000f6f58cd6bc825c0ed4a7d695d3baa2280d3259f2098c68119478c4b6cff45bc822de14b5fb08046f5d1ea523329f0a8a15de2
data/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## 0.10.3.0
2
+
3
+ * Update Semantic UI to 0.10.3
4
+
1
5
  ## 0.10.2.0
2
6
 
3
7
  * Update Semantic UI to 0.10.2
data/README.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ## Installation and Usage
6
6
 
7
7
  ```ruby
8
- gem 'semantic-ui-sass', '~> 0.10.2.0'
8
+ gem 'semantic-ui-sass', '~> 0.10.3.0'
9
9
  ```
10
10
  or
11
11
 
@@ -81,6 +81,10 @@ require 'semantic-ui-sass'
81
81
  compass install semantic-ui
82
82
  ```
83
83
 
84
+ ### NOTE
85
+
86
+ When using compass, you should visit file in local server, eg `http://localhost:3000/index.html`, rather than `file:///Users/doabit/demo/index.html`
87
+
84
88
  # Rails Helpers
85
89
 
86
90
  ## Breadcrumbs helper
@@ -138,4 +142,4 @@ semantic_icon(:add, :sign)
138
142
  2. Create your feature branch (`git checkout -b my-new-feature`)
139
143
  3. Commit your changes (`git commit -am 'Add some feature'`)
140
144
  4. Push to the branch (`git push origin my-new-feature`)
141
- 5. Create new Pull Request
145
+ 5. Create new Pull Request
@@ -136,11 +136,11 @@ $.fn.dimmer = function(parameters) {
136
136
 
137
137
  addContent: function(element) {
138
138
  var
139
- $content = $(element).detach()
139
+ $content = $(element)
140
140
  ;
141
141
  module.debug('Add content to dimmer', $content);
142
142
  if($content.parent()[0] !== $dimmer[0]) {
143
- $dimmer.append($content);
143
+ $content.detach().appendTo($dimmer);
144
144
  }
145
145
  },
146
146
 
@@ -456,12 +456,15 @@ $.fn.dropdown = function(parameters) {
456
456
  callback();
457
457
  }
458
458
  else if($.fn.transition !== undefined && $module.transition('is supported')) {
459
- $currentMenu.transition({
460
- animation : settings.transition + ' in',
461
- duration : settings.duration,
462
- complete : callback,
463
- queue : false
464
- });
459
+ $currentMenu
460
+ .transition({
461
+ animation : settings.transition + ' in',
462
+ duration : settings.duration,
463
+ complete : callback,
464
+ queue : false
465
+ })
466
+ ;
467
+ $currentMenu.transition('force repaint');
465
468
  }
466
469
  else if(settings.transition == 'slide down') {
467
470
  $currentMenu
@@ -204,6 +204,7 @@ $.fn.popup = function(parameters) {
204
204
  if( !module.exists() ) {
205
205
  module.create();
206
206
  }
207
+ module.save.conditions();
207
208
  module.set.position();
208
209
  module.animate.show(callback);
209
210
  },
@@ -214,6 +215,7 @@ $.fn.popup = function(parameters) {
214
215
  $module
215
216
  .removeClass(className.visible)
216
217
  ;
218
+ module.restore.conditions();
217
219
  module.unbind.close();
218
220
  if( module.is.visible() ) {
219
221
  module.animate.hide(callback);
@@ -250,6 +252,30 @@ $.fn.popup = function(parameters) {
250
252
  ;
251
253
  },
252
254
 
255
+ save: {
256
+ conditions: function() {
257
+ module.cache = {
258
+ title: $module.attr('title')
259
+ };
260
+ if (module.cache.title) {
261
+ $module.removeAttr('title');
262
+ }
263
+ module.verbose('Saving original attributes', module.cache.title);
264
+ }
265
+ },
266
+ restore: {
267
+ conditions: function() {
268
+ if(module.cache === undefined) {
269
+ module.error(error.cache);
270
+ return false;
271
+ }
272
+ if(module.cache.title) {
273
+ $module.attr('title', module.cache.title);
274
+ }
275
+ module.verbose('Restoring original attributes', module.cache.title);
276
+ return true;
277
+ }
278
+ },
253
279
  animate: {
254
280
  show: function(callback) {
255
281
  callback = callback || function(){};
@@ -71,6 +71,9 @@
71
71
  return false;
72
72
  }
73
73
  else {
74
+ if(settings.historyType == 'hash') {
75
+ module.debug('Using hash state change to manage state');
76
+ }
74
77
  if(settings.historyType == 'html5') {
75
78
  module.debug('Using HTML5 to manage state');
76
79
  if(settings.path !== false) {
@@ -126,7 +126,7 @@ $.fn.transition = function() {
126
126
  }
127
127
  if( !module.has.transitionAvailable() ) {
128
128
  module.restore.conditions();
129
- module.error(error.noAnimation);
129
+ module.error(error.noAnimation, settings.animation);
130
130
  return false;
131
131
  }
132
132
  module.show();
@@ -164,12 +164,25 @@ $.fn.transition = function() {
164
164
  }
165
165
  $.proxy(settings.complete, this)();
166
166
  },
167
-
168
- repaint: function(fakeAssignment) {
169
- module.verbose('Forcing repaint event');
170
- fakeAssignment = element.offsetWidth;
167
+ forceRepaint: function() {
168
+ module.verbose('Forcing element repaint');
169
+ var
170
+ $parentElement = $module.parent(),
171
+ $nextElement = $module.next()
172
+ ;
173
+ if($nextElement.size() === 0) {
174
+ $module.detach().appendTo($parentElement);
175
+ }
176
+ else {
177
+ $module.detach().insertBefore($nextElement);
178
+ }
179
+ },
180
+ repaint: function() {
181
+ module.verbose('Repainting element');
182
+ var
183
+ fakeAssignment = element.offsetWidth
184
+ ;
171
185
  },
172
-
173
186
  has: {
174
187
  direction: function(animation) {
175
188
  animation = animation || settings.animation;
@@ -284,7 +297,7 @@ $.fn.transition = function() {
284
297
  $module
285
298
  .removeClass(className.looping)
286
299
  ;
287
- module.repaint();
300
+ module.forceRepaint();
288
301
  }
289
302
 
290
303
  },
@@ -659,4 +672,4 @@ $.fn.transition.settings = {
659
672
  };
660
673
 
661
674
 
662
- })( jQuery, window , document );
675
+ })( jQuery, window , document );
@@ -148,83 +148,115 @@ body > .ui.grid {
148
148
  /* Sizing Combinations */
149
149
 
150
150
  .ui.grid > .row > .one.wide.column,
151
- .ui.grid > .one.wide.column {
152
- width: 6.25% !important;
151
+ .ui.grid > .column.row > .one.wide.column,
152
+ .ui.grid > .one.wide.column,
153
+ .ui.column.grid > .one.wide.column {
154
+ width: 6.25%;
153
155
  }
154
156
 
155
157
  .ui.grid > .row > .two.wide.column,
156
- .ui.grid > .two.wide.column {
157
- width: 12.5% !important;
158
+ .ui.grid > .column.row > .two.wide.column,
159
+ .ui.grid > .two.wide.column,
160
+ .ui.column.grid > .two.wide.column {
161
+ width: 12.5%;
158
162
  }
159
163
 
160
164
  .ui.grid > .row > .three.wide.column,
161
- .ui.grid > .three.wide.column {
162
- width: 18.75% !important;
165
+ .ui.grid > .column.row > .three.wide.column,
166
+ .ui.grid > .three.wide.column,
167
+ .ui.column.grid > .three.wide.column {
168
+ width: 18.75%;
163
169
  }
164
170
 
165
171
  .ui.grid > .row > .four.wide.column,
166
- .ui.grid > .four.wide.column {
167
- width: 25% !important;
172
+ .ui.grid > .column.row > .four.wide.column,
173
+ .ui.grid > .four.wide.column,
174
+ .ui.column.grid > .four.wide.column {
175
+ width: 25%;
168
176
  }
169
177
 
170
178
  .ui.grid > .row > .five.wide.column,
171
- .ui.grid > .five.wide.column {
172
- width: 31.25% !important;
179
+ .ui.grid > .column.row > .five.wide.column,
180
+ .ui.grid > .five.wide.column,
181
+ .ui.column.grid > .five.wide.column {
182
+ width: 31.25%;
173
183
  }
174
184
 
175
185
  .ui.grid > .row > .six.wide.column,
176
- .ui.grid > .six.wide.column {
177
- width: 37.5% !important;
186
+ .ui.grid > .column.row > .six.wide.column,
187
+ .ui.grid > .six.wide.column,
188
+ .ui.column.grid > .six.wide.column {
189
+ width: 37.5%;
178
190
  }
179
191
 
180
192
  .ui.grid > .row > .seven.wide.column,
181
- .ui.grid > .seven.wide.column {
182
- width: 43.75% !important;
193
+ .ui.grid > .column.row > .seven.wide.column,
194
+ .ui.grid > .seven.wide.column,
195
+ .ui.column.grid > .seven.wide.column {
196
+ width: 43.75%;
183
197
  }
184
198
 
185
199
  .ui.grid > .row > .eight.wide.column,
186
- .ui.grid > .eight.wide.column {
187
- width: 50% !important;
200
+ .ui.grid > .column.row > .eight.wide.column,
201
+ .ui.grid > .eight.wide.column,
202
+ .ui.column.grid > .eight.wide.column {
203
+ width: 50%;
188
204
  }
189
205
 
190
206
  .ui.grid > .row > .nine.wide.column,
191
- .ui.grid > .nine.wide.column {
192
- width: 56.25% !important;
207
+ .ui.grid > .column.row > .nine.wide.column,
208
+ .ui.grid > .nine.wide.column,
209
+ .ui.column.grid > .nine.wide.column {
210
+ width: 56.25%;
193
211
  }
194
212
 
195
213
  .ui.grid > .row > .ten.wide.column,
196
- .ui.grid > .ten.wide.column {
197
- width: 62.5% !important;
214
+ .ui.grid > .column.row > .ten.wide.column,
215
+ .ui.grid > .ten.wide.column,
216
+ .ui.column.grid > .ten.wide.column {
217
+ width: 62.5%;
198
218
  }
199
219
 
200
220
  .ui.grid > .row > .eleven.wide.column,
201
- .ui.grid > .eleven.wide.column {
202
- width: 68.75% !important;
221
+ .ui.grid > .column.row > .eleven.wide.column,
222
+ .ui.grid > .eleven.wide.column,
223
+ .ui.column.grid > .eleven.wide.column {
224
+ width: 68.75%;
203
225
  }
204
226
 
205
227
  .ui.grid > .row > .twelve.wide.column,
206
- .ui.grid > .twelve.wide.column {
207
- width: 75% !important;
228
+ .ui.grid > .column.row > .twelve.wide.column,
229
+ .ui.grid > .twelve.wide.column,
230
+ .ui.column.grid > .twelve.wide.column {
231
+ width: 75%;
208
232
  }
209
233
 
210
234
  .ui.grid > .row > .thirteen.wide.column,
211
- .ui.grid > .thirteen.wide.column {
212
- width: 81.25% !important;
235
+ .ui.grid > .column.row > .thirteen.wide.column,
236
+ .ui.grid > .thirteen.wide.column,
237
+ .ui.column.grid > .thirteen.wide.column {
238
+ width: 81.25%;
213
239
  }
214
240
 
215
241
  .ui.grid > .row > .fourteen.wide.column,
216
- .ui.grid > .fourteen.wide.column {
217
- width: 87.5% !important;
242
+ .ui.grid > .column.row > .fourteen.wide.column,
243
+ .ui.grid > .fourteen.wide.column,
244
+ .ui.column.grid > .fourteen.wide.column {
245
+ width: 87.5%;
218
246
  }
219
247
 
220
248
  .ui.grid > .row > .fifteen.wide.column,
221
- .ui.grid > .fifteen.wide.column {
222
- width: 93.75% !important;
249
+ .ui.grid > .column.row > .fifteen.wide.column,
250
+ .ui.grid > .fifteen.wide.column,
251
+ .ui.column.grid > .fifteen.wide.column {
252
+ width: 93.75%;
223
253
  }
224
254
 
225
255
  .ui.grid > .row > .sixteen.wide.column,
226
- .ui.grid > .sixteen.wide.column {
227
- width: 100% !important;
256
+ .ui.grid > .column.row > .sixteen.wide.column,
257
+ .ui.grid > .sixteen.wide.column,
258
+ .ui.column.grid > .sixteen.wide.column {
259
+ width: 100%;
228
260
  }
229
261
 
230
262
  /*-------------------
@@ -285,10 +285,6 @@
285
285
  font-size: 0.8125rem;
286
286
  }
287
287
 
288
- .ui.tiny.input {
289
- font-size: 0.875rem;
290
- }
291
-
292
288
  .ui.small.input {
293
289
  font-size: 0.875rem;
294
290
  }
@@ -204,25 +204,25 @@
204
204
  .ui.slide.down.transition.out {
205
205
  -webkit-animation-name: slideOut;
206
206
  animation-name: slideOut;
207
- transform-origin: 50% 0%;
208
- -ms-transform-origin: 50% 0%;
209
207
  -webkit-transform-origin: 50% 0%;
208
+ -ms-transform-origin: 50% 0%;
209
+ transform-origin: 50% 0%;
210
210
  }
211
211
 
212
212
  .ui.slide.up.transition.in {
213
213
  -webkit-animation-name: slide;
214
214
  animation-name: slide;
215
- transform-origin: 50% 100%;
216
- -ms-transform-origin: 50% 100%;
217
215
  -webkit-transform-origin: 50% 100%;
216
+ -ms-transform-origin: 50% 100%;
217
+ transform-origin: 50% 100%;
218
218
  }
219
219
 
220
220
  .ui.slide.up.transition.out {
221
221
  -webkit-animation-name: slideOut;
222
222
  animation-name: slideOut;
223
- transform-origin: 50% 100%;
224
- -ms-transform-origin: 50% 100%;
225
223
  -webkit-transform-origin: 50% 100%;
224
+ -ms-transform-origin: 50% 100%;
225
+ transform-origin: 50% 100%;
226
226
  }
227
227
 
228
228
  @-webkit-keyframes slide {
@@ -1,8 +1,8 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = "0.10.2.0"
5
- SEMANTIC_UI_SHA = 'a5f486a84511393d9cbd9e83ddc82a51a9501571'
4
+ VERSION = "0.10.3.0"
5
+ SEMANTIC_UI_SHA = 'bd9be71163a533eaf06b47495621403efa4a3701'
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.10.2.0
4
+ version: 0.10.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-12-13 00:00:00.000000000 Z
11
+ date: 2013-12-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler