semantic-ui-sass 2.2.1.1 → 2.2.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -1
  3. data/CHANGELOG.md +4 -0
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -4
  5. data/app/assets/javascripts/semantic-ui/shape.js +22 -10
  6. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +2 -1
  9. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +2 -0
  10. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +2 -2
  11. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
  12. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +8 -1
  13. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +2 -1
  14. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +3 -1
  15. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +8 -1
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +8 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +24 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +3 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +2 -1
  27. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +5 -1
  30. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -1
  31. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +2 -1
  32. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +9 -2
  33. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +2 -1
  34. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  35. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +32 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +2 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +7 -1
  42. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +18 -1
  45. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -1
  46. data/app/assets/stylesheets/semantic-ui/views/_card.scss +3 -1
  47. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -3
  51. data/lib/semantic/ui/sass/version.rb +2 -2
  52. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 078bbd02e2350b2cfb4cd038ee05a76efeb2a977
4
- data.tar.gz: 51be0559343b597bd587b6a2db3024d851c21ab3
3
+ metadata.gz: 535759346842689516d3e10c9248df0fb6c9f056
4
+ data.tar.gz: 37652c22f5eaf35570c712868d50cbc01dbcf867
5
5
  SHA512:
6
- metadata.gz: 7795891007df80ae7891ca327c21e3c9ae910d327e7ad86409eff288e38414920ebf6bb6c9ce9926136760dc751b84822444017793e3e42986762bf70f0431ba
7
- data.tar.gz: 7fde89d1710ddd09752167daf938093070284980d9e86fd8b8c7d5b33c1a59c191d541d57f799a2b6a72ec12e2a8582f1ba103fe1bb0dd07e596ba441a07a075
6
+ metadata.gz: 1bb4296571bdecde78d9cc75f73d8bafd2d02223c3e1ac16ac932ea54097b8bac8077f678403b3ee9612476a59b80e2f752c75a5277688e9569aedf5b2661384
7
+ data.tar.gz: 937dc6b7ba04359f554fd450ae60703ece02dee528adbae220af0ab6f083368de0a806493f8f3543a9f9cbebe45f6d318b901142935c7e289a03f61c635702e0
@@ -1,4 +1,5 @@
1
1
  language: ruby
2
2
  rvm:
3
- - 2.1.0
3
+ - 2.2.0
4
+ - 2.3.0
4
5
  script: bundle exec rspec spec
@@ -1,3 +1,7 @@
1
+ ## 2.2.2.0
2
+
3
+ * Update Semantic UI to 2.2.2
4
+
1
5
  ## 2.2.1.1
2
6
 
3
7
  * Fix #79
@@ -83,6 +83,7 @@ $.fn.dimmer = function(parameters) {
83
83
  else {
84
84
  $dimmer = module.create();
85
85
  }
86
+ module.set.variation();
86
87
  }
87
88
  },
88
89
 
@@ -173,10 +174,6 @@ $.fn.dimmer = function(parameters) {
173
174
  var
174
175
  $element = $( settings.template.dimmer() )
175
176
  ;
176
- if(settings.variation) {
177
- module.debug('Creating dimmer with variation', settings.variation);
178
- $element.addClass(settings.variation);
179
- }
180
177
  if(settings.dimmerName) {
181
178
  module.debug('Creating named dimmer', settings.dimmerName);
182
179
  $element.addClass(settings.dimmerName);
@@ -244,6 +244,11 @@ $.fn.shape = function(parameters) {
244
244
  var
245
245
  $clone = $module.clone().addClass(className.loading),
246
246
  $activeSide = $clone.find('.' + settings.className.active),
247
+ $nextSide = (nextIndex)
248
+ ? $clone.find(selector.side).eq(nextIndex)
249
+ : ( $activeSide.next(selector.side).length > 0 )
250
+ ? $activeSide.next(selector.side)
251
+ : $clone.find(selector.side).first(),
247
252
  newWidth = (settings.width == 'next')
248
253
  ? $nextSide.outerWidth(true)
249
254
  : (settings.width == 'initial')
@@ -253,12 +258,7 @@ $.fn.shape = function(parameters) {
253
258
  ? $nextSide.outerHeight(true)
254
259
  : (settings.height == 'initial')
255
260
  ? $module.height()
256
- : settings.height,
257
- $nextSide = (nextIndex)
258
- ? $clone.find(selector.side).eq(nextIndex)
259
- : ( $activeSide.next(selector.side).length > 0 )
260
- ? $activeSide.next(selector.side)
261
- : $clone.find(selector.side).first()
261
+ : settings.height
262
262
  ;
263
263
  $activeSide.removeClass(className.active);
264
264
  $nextSide.addClass(className.active);
@@ -307,9 +307,12 @@ $.fn.shape = function(parameters) {
307
307
  }
308
308
  if( !module.is.animating()) {
309
309
  module.debug('Flipping up', $nextSide);
310
+ var
311
+ transform = module.get.transform.up()
312
+ ;
310
313
  module.set.stageSize();
311
314
  module.stage.above();
312
- module.animate( module.get.transform.up() );
315
+ module.animate(transform);
313
316
  }
314
317
  else {
315
318
  module.queue('flip up');
@@ -323,9 +326,12 @@ $.fn.shape = function(parameters) {
323
326
  }
324
327
  if( !module.is.animating()) {
325
328
  module.debug('Flipping down', $nextSide);
329
+ var
330
+ transform = module.get.transform.down()
331
+ ;
326
332
  module.set.stageSize();
327
333
  module.stage.below();
328
- module.animate( module.get.transform.down() );
334
+ module.animate(transform);
329
335
  }
330
336
  else {
331
337
  module.queue('flip down');
@@ -339,9 +345,12 @@ $.fn.shape = function(parameters) {
339
345
  }
340
346
  if( !module.is.animating()) {
341
347
  module.debug('Flipping left', $nextSide);
348
+ var
349
+ transform = module.get.transform.left()
350
+ ;
342
351
  module.set.stageSize();
343
352
  module.stage.left();
344
- module.animate(module.get.transform.left() );
353
+ module.animate(transform);
345
354
  }
346
355
  else {
347
356
  module.queue('flip left');
@@ -355,9 +364,12 @@ $.fn.shape = function(parameters) {
355
364
  }
356
365
  if( !module.is.animating()) {
357
366
  module.debug('Flipping right', $nextSide);
367
+ var
368
+ transform = module.get.transform.right()
369
+ ;
358
370
  module.set.stageSize();
359
371
  module.stage.right();
360
- module.animate(module.get.transform.right() );
372
+ module.animate(transform);
361
373
  }
362
374
  else {
363
375
  module.queue('flip right');
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Breadcrumb
2
+ * # Semantic UI 2.2.2 - Breadcrumb
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Form
2
+ * # Semantic UI 2.2.2 - Form
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -961,7 +961,6 @@
961
961
  -webkit-box-align: center;
962
962
  -webkit-align-items: center;
963
963
  -ms-flex-align: center;
964
- -ms-grid-row-align: center;
965
964
  align-items: center;
966
965
  }
967
966
  .ui.form .inline.fields .field {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Grid
2
+ * # Semantic UI 2.2.2 - Grid
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1328,6 +1328,7 @@
1328
1328
  .ui.grid > .row > .justified.column {
1329
1329
  text-align: justify;
1330
1330
  -webkit-hyphens: auto;
1331
+ -moz-hyphens: auto;
1331
1332
  -ms-hyphens: auto;
1332
1333
  hyphens: auto;
1333
1334
  }
@@ -1819,6 +1819,7 @@ Floated Menu / Item
1819
1819
  top: 100%;
1820
1820
  left: 50%;
1821
1821
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1822
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1822
1823
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
1823
1824
  background: none;
1824
1825
  margin: 0.5px 0em 0em;
@@ -1838,6 +1839,7 @@ Floated Menu / Item
1838
1839
  bottom: auto;
1839
1840
  left: auto;
1840
1841
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
1842
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
1841
1843
  transform: translateX(50%) translateY(-50%) rotate(45deg);
1842
1844
  margin: 0em -0.5px 0em 0em;
1843
1845
  border: none;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Message
2
+ * # Semantic UI 2.2.2 - Message
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -477,6 +477,6 @@
477
477
 
478
478
 
479
479
  /*******************************
480
- Site Overrides
480
+ User Variable Overrides
481
481
  *******************************/
482
482
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Table
2
+ * # Semantic UI 2.2.2 - Table
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Button
2
+ * # Semantic UI 2.2.2 - Button
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -273,6 +273,7 @@
273
273
  }
274
274
  .ui.vertical.animated.button .visible.content {
275
275
  -webkit-transform: translateY(0%);
276
+ -ms-transform: translateY(0%);
276
277
  transform: translateY(0%);
277
278
  right: auto;
278
279
  }
@@ -284,6 +285,7 @@
284
285
  .ui.vertical.animated.button:focus .visible.content,
285
286
  .ui.vertical.animated.button:hover .visible.content {
286
287
  -webkit-transform: translateY(200%);
288
+ -ms-transform: translateY(200%);
287
289
  transform: translateY(200%);
288
290
  right: auto;
289
291
  }
@@ -306,6 +308,7 @@
306
308
  right: auto;
307
309
  opacity: 1;
308
310
  -webkit-transform: scale(1);
311
+ -ms-transform: scale(1);
309
312
  transform: scale(1);
310
313
  }
311
314
  .ui.fade.animated.button .hidden.content {
@@ -313,6 +316,7 @@
313
316
  left: 0%;
314
317
  right: auto;
315
318
  -webkit-transform: scale(1.5);
319
+ -ms-transform: scale(1.5);
316
320
  transform: scale(1.5);
317
321
  }
318
322
  .ui.fade.animated.button:focus .visible.content,
@@ -321,6 +325,7 @@
321
325
  right: auto;
322
326
  opacity: 0;
323
327
  -webkit-transform: scale(0.75);
328
+ -ms-transform: scale(0.75);
324
329
  transform: scale(0.75);
325
330
  }
326
331
  .ui.fade.animated.button:focus .hidden.content,
@@ -329,6 +334,7 @@
329
334
  right: auto;
330
335
  opacity: 1;
331
336
  -webkit-transform: scale(1);
337
+ -ms-transform: scale(1);
332
338
  transform: scale(1);
333
339
  }
334
340
 
@@ -889,6 +895,7 @@
889
895
  top: 50%;
890
896
  text-align: center;
891
897
  -webkit-transform: translateY(-50%);
898
+ -ms-transform: translateY(-50%);
892
899
  transform: translateY(-50%);
893
900
  }
894
901
  .ui.labeled.icon.buttons .button > .icon {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Container
2
+ * # Semantic UI 2.2.2 - Container
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -130,6 +130,7 @@
130
130
  .ui.justified.container {
131
131
  text-align: justify;
132
132
  -webkit-hyphens: auto;
133
+ -moz-hyphens: auto;
133
134
  -ms-hyphens: auto;
134
135
  hyphens: auto;
135
136
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Divider
2
+ * # Semantic UI 2.2.2 - Divider
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -92,6 +92,7 @@
92
92
  line-height: 0em;
93
93
  text-align: center;
94
94
  -webkit-transform: translateX(-50%);
95
+ -ms-transform: translateX(-50%);
95
96
  transform: translateX(-50%);
96
97
  }
97
98
  .ui.vertical.divider:before,
@@ -128,6 +129,7 @@
128
129
  top: 0;
129
130
  left: 0;
130
131
  -webkit-transform: none;
132
+ -ms-transform: none;
131
133
  transform: none;
132
134
  }
133
135
  .ui.stackable.grid .ui.vertical.divider:before,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Flag
2
+ * # Semantic UI 2.2.2 - Flag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Header
2
+ * # Semantic UI 2.2.2 - Header
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Icon
2
+ * # Semantic UI 2.2.2 - Icon
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -153,10 +153,12 @@ i.circular.inverted.icon {
153
153
  i.flipped.icon,
154
154
  i.horizontally.flipped.icon {
155
155
  -webkit-transform: scale(-1, 1);
156
+ -ms-transform: scale(-1, 1);
156
157
  transform: scale(-1, 1);
157
158
  }
158
159
  i.vertically.flipped.icon {
159
160
  -webkit-transform: scale(1, -1);
161
+ -ms-transform: scale(1, -1);
160
162
  transform: scale(1, -1);
161
163
  }
162
164
 
@@ -168,11 +170,13 @@ i.rotated.icon,
168
170
  i.right.rotated.icon,
169
171
  i.clockwise.rotated.icon {
170
172
  -webkit-transform: rotate(90deg);
173
+ -ms-transform: rotate(90deg);
171
174
  transform: rotate(90deg);
172
175
  }
173
176
  i.left.rotated.icon,
174
177
  i.counterclockwise.rotated.icon {
175
178
  -webkit-transform: rotate(-90deg);
179
+ -ms-transform: rotate(-90deg);
176
180
  transform: rotate(-90deg);
177
181
  }
178
182
 
@@ -445,6 +449,7 @@ i.icons .icon {
445
449
  top: 50%;
446
450
  left: 50%;
447
451
  -webkit-transform: translateX(-50%) translateY(-50%);
452
+ -ms-transform: translateX(-50%) translateY(-50%);
448
453
  transform: translateX(-50%) translateY(-50%);
449
454
  margin: 0em;
450
455
  margin: 0;
@@ -455,6 +460,7 @@ i.icons .icon:first-child {
455
460
  height: auto;
456
461
  vertical-align: top;
457
462
  -webkit-transform: none;
463
+ -ms-transform: none;
458
464
  transform: none;
459
465
  margin-right: 0.25rem;
460
466
  }
@@ -466,6 +472,7 @@ i.icons .corner.icon {
466
472
  right: 0;
467
473
  bottom: 0;
468
474
  -webkit-transform: none;
475
+ -ms-transform: none;
469
476
  transform: none;
470
477
  font-size: 0.45em;
471
478
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Image
2
+ * # Semantic UI 2.2.2 - Image
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Input
2
+ * # Semantic UI 2.2.2 - Input
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.2.1 - Label
2
+ * # Semantic UI 2.2.2 - Label
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -184,6 +184,7 @@ a.ui.label {
184
184
  .ui.tag.label:before {
185
185
  position: absolute;
186
186
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
187
+ -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
187
188
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
188
189
  top: 50%;
189
190
  right: 100%;
@@ -329,6 +330,7 @@ a.ui.label {
329
330
  .ui[class*="right ribbon"].label {
330
331
  text-align: left;
331
332
  -webkit-transform: translateX(-100%);
333
+ -ms-transform: translateX(-100%);
332
334
  transform: translateX(-100%);
333
335
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
334
336
  }
@@ -1139,6 +1141,7 @@ a.ui.basic.label:hover {
1139
1141
  position: absolute;
1140
1142
  content: '';
1141
1143
  -webkit-transform: rotate(45deg);
1144
+ -ms-transform: rotate(45deg);
1142
1145
  transform: rotate(45deg);
1143
1146
  background-image: none;
1144
1147
  z-index: 2;
@@ -1158,6 +1161,7 @@ a.ui.basic.label:hover {
1158
1161
  .ui[class*="pointing above"].label:before {
1159
1162
  border-width: 1px 0px 0px 1px;
1160
1163
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1164
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1161
1165
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
1162
1166
  top: 0%;
1163
1167
  left: 50%;
@@ -1176,6 +1180,7 @@ a.ui.basic.label:hover {
1176
1180
  top: auto;
1177
1181
  right: auto;
1178
1182
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1183
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1179
1184
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
1180
1185
  top: 100%;
1181
1186
  left: 50%;
@@ -1190,6 +1195,7 @@ a.ui.basic.label:hover {
1190
1195
  .ui[class*="left pointing"].label:before {
1191
1196
  border-width: 0px 0px 1px 1px;
1192
1197
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1198
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1193
1199
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
1194
1200
  bottom: auto;
1195
1201
  right: auto;
@@ -1206,6 +1212,7 @@ a.ui.basic.label:hover {
1206
1212
  .ui[class*="right pointing"].label:before {
1207
1213
  border-width: 1px 1px 0px 0px;
1208
1214
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
1215
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
1209
1216
  transform: translateX(50%) translateY(-50%) rotate(45deg);
1210
1217
  top: 50%;
1211
1218
  right: 0%;