semantic-ui-sass 0.10.2.0 → 0.10.3.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 +6 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +2 -2
- data/app/assets/javascripts/semantic-ui/dropdown.js +9 -6
- data/app/assets/javascripts/semantic-ui/popup.js +26 -0
- data/app/assets/javascripts/semantic-ui/tab.js +3 -0
- data/app/assets/javascripts/semantic-ui/transition.js +21 -8
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +64 -32
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +0 -4
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +6 -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: a1f173e899bab4e13deb41c14813ad45e017a985
|
|
4
|
+
data.tar.gz: cb71c2dd1c7c082995c7ededb916369cb67286ef
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a2388d280fc8a24e8209c9f861714f2d177fda72b0b53f451d057d95b06c4c53c94e13a7253251d0db3fb07a2b3e5d253eb6ec907b546cb10381ea6c1647d85b
|
|
7
|
+
data.tar.gz: b4ab297112db2c42c3a19cf7000f6f58cd6bc825c0ed4a7d695d3baa2280d3259f2098c68119478c4b6cff45bc822de14b5fb08046f5d1ea523329f0a8a15de2
|
data/CHANGELOG.md
CHANGED
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.
|
|
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)
|
|
139
|
+
$content = $(element)
|
|
140
140
|
;
|
|
141
141
|
module.debug('Add content to dimmer', $content);
|
|
142
142
|
if($content.parent()[0] !== $dimmer[0]) {
|
|
143
|
-
$
|
|
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
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
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
|
-
|
|
169
|
-
|
|
170
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
/*-------------------
|
|
@@ -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 {
|
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.
|
|
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-
|
|
11
|
+
date: 2013-12-22 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|