fomantic-ui-sass 2.9.2 → 2.9.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/accordion.js +1 -5
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  5. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -5
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +56 -33
  9. data/app/assets/javascripts/semantic-ui/embed.js +1 -6
  10. data/app/assets/javascripts/semantic-ui/flyout.js +40 -58
  11. data/app/assets/javascripts/semantic-ui/form.js +102 -53
  12. data/app/assets/javascripts/semantic-ui/modal.js +45 -33
  13. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +27 -19
  15. data/app/assets/javascripts/semantic-ui/progress.js +1 -6
  16. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  17. data/app/assets/javascripts/semantic-ui/search.js +4 -7
  18. data/app/assets/javascripts/semantic-ui/shape.js +1 -5
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +15 -38
  20. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  22. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  23. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  24. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  25. data/app/assets/javascripts/semantic-ui/toast.js +17 -9
  26. data/app/assets/javascripts/semantic-ui/transition.js +2 -6
  27. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  28. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +53 -20
  30. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +107 -107
  31. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +13 -7
  32. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +65 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +697 -249
  38. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  39. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  41. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -27
  43. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  44. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  45. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  46. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +161 -34
  50. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  56. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +50 -6
  57. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  58. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +119 -26
  59. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  62. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +41 -40
  64. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  66. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  67. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  73. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  75. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  78. data/app/assets/stylesheets/semantic-ui/views/_item.scss +6 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  80. data/lib/fomantic/ui/sass/version.rb +2 -2
  81. metadata +1 -1
@@ -30,14 +30,25 @@
30
30
  ? $(window)
31
31
  : $(this),
32
32
  $document = $(document),
33
- moduleSelector = $allModules.selector || '',
34
33
  time = Date.now(),
35
34
  performance = [],
36
35
 
37
36
  query = arguments[0],
38
37
  methodInvoked = typeof query === 'string',
39
38
  queryArguments = [].slice.call(arguments, 1),
39
+ contextCheck = function (context, win) {
40
+ var $context;
41
+ if ([window, document].indexOf(context) >= 0) {
42
+ $context = $(context);
43
+ } else {
44
+ $context = $(win.document).find(context);
45
+ if ($context.length === 0) {
46
+ $context = win.frameElement ? contextCheck(context, win.parent) : window;
47
+ }
48
+ }
40
49
 
50
+ return $context;
51
+ },
41
52
  initializedHistory = false,
42
53
  returnedValue
43
54
  ;
@@ -88,7 +99,7 @@
88
99
  module.bind.events();
89
100
 
90
101
  if (settings.history && !initializedHistory) {
91
- module.initializeHistory();
102
+ settings.history = module.initializeHistory();
92
103
  initializedHistory = true;
93
104
  }
94
105
 
@@ -98,7 +109,7 @@
98
109
  module.debug('No active tab detected, setting tab active', activeTab);
99
110
  module.changeTab(activeTab);
100
111
  }
101
- if (activeTab !== null && settings.history) {
112
+ if (activeTab !== null && settings.history && settings.historyType === 'state') {
102
113
  var autoUpdate = $.address.autoUpdate();
103
114
  $.address.autoUpdate(false);
104
115
  $.address.value(activeTab);
@@ -152,7 +163,7 @@
152
163
  $context = $reference.parent();
153
164
  module.verbose('Determined parent element for creating context', $context);
154
165
  } else if (settings.context) {
155
- $context = [window, document].indexOf(settings.context) < 0 ? $document.find(settings.context) : $(settings.context);
166
+ $context = contextCheck(settings.context, window);
156
167
  module.verbose('Using selector for tab context', settings.context, $context);
157
168
  } else {
158
169
  $context = $('body');
@@ -191,6 +202,8 @@
191
202
  $.address
192
203
  .bind('change', module.event.history.change)
193
204
  ;
205
+
206
+ return true;
194
207
  },
195
208
 
196
209
  event: {
@@ -775,7 +788,7 @@
775
788
  });
776
789
  }
777
790
  clearTimeout(module.performance.timer);
778
- module.performance.timer = setTimeout(module.performance.display, 500);
791
+ module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
779
792
  },
780
793
  display: function () {
781
794
  var
@@ -788,9 +801,6 @@
788
801
  totalTime += data['Execution Time'];
789
802
  });
790
803
  title += ' ' + totalTime + 'ms';
791
- if (moduleSelector) {
792
- title += ' \'' + moduleSelector + '\'';
793
- }
794
804
  if (performance.length > 0) {
795
805
  console.groupCollapsed(title);
796
806
  if (console.table) {
@@ -22,7 +22,7 @@
22
22
  $.fn.toast = function (parameters) {
23
23
  var
24
24
  $allModules = $(this),
25
- moduleSelector = $allModules.selector || '',
25
+ $body = $('body'),
26
26
 
27
27
  time = Date.now(),
28
28
  performance = [],
@@ -30,6 +30,19 @@
30
30
  query = arguments[0],
31
31
  methodInvoked = typeof query === 'string',
32
32
  queryArguments = [].slice.call(arguments, 1),
33
+ contextCheck = function (context, win) {
34
+ var $context;
35
+ if ([window, document].indexOf(context) >= 0) {
36
+ $context = $(context);
37
+ } else {
38
+ $context = $(win.document).find(context);
39
+ if ($context.length === 0) {
40
+ $context = win.frameElement ? contextCheck(context, win.parent) : $body;
41
+ }
42
+ }
43
+
44
+ return $context;
45
+ },
33
46
  returnedValue
34
47
  ;
35
48
  $allModules.each(function () {
@@ -55,9 +68,7 @@
55
68
  $progressBar,
56
69
  $animationObject,
57
70
  $close,
58
- $context = settings.context
59
- ? ([window, document].indexOf(settings.context) < 0 ? $(document).find(settings.context) : $(settings.context))
60
- : $('body'),
71
+ $context = settings.context ? contextCheck(settings.context, window) : $body,
61
72
 
62
73
  isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card'),
63
74
 
@@ -106,11 +117,11 @@
106
117
  if ($toastBox) {
107
118
  module.debug('Removing toast', $toastBox);
108
119
  module.unbind.events();
120
+ settings.onRemove.call($toastBox, element);
109
121
  $toastBox.remove();
110
122
  $toastBox = undefined;
111
123
  $toast = undefined;
112
124
  $animationObject = undefined;
113
- settings.onRemove.call($toastBox, element);
114
125
  $progress = undefined;
115
126
  $progressBar = undefined;
116
127
  $close = undefined;
@@ -691,7 +702,7 @@
691
702
  });
692
703
  }
693
704
  clearTimeout(module.performance.timer);
694
- module.performance.timer = setTimeout(module.performance.display, 500);
705
+ module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
695
706
  },
696
707
  display: function () {
697
708
  var
@@ -704,9 +715,6 @@
704
715
  totalTime += data['Execution Time'];
705
716
  });
706
717
  title += ' ' + totalTime + 'ms';
707
- if (moduleSelector) {
708
- title += ' \'' + moduleSelector + '\'';
709
- }
710
718
  if (performance.length > 0) {
711
719
  console.groupCollapsed(title);
712
720
  if (console.table) {
@@ -22,7 +22,6 @@
22
22
  $.fn.transition = function () {
23
23
  var
24
24
  $allModules = $(this),
25
- moduleSelector = $allModules.selector || '',
26
25
 
27
26
  time = Date.now(),
28
27
  performance = [],
@@ -143,7 +142,7 @@
143
142
  ? ($allModules.length - index) * interval
144
143
  : index * interval;
145
144
  module.debug('Delaying animation by', delay);
146
- setTimeout(module.animate, delay);
145
+ setTimeout(function () { module.animate(); }, delay);
147
146
  },
148
147
 
149
148
  animate: function (overrideSettings) {
@@ -850,7 +849,7 @@
850
849
  });
851
850
  }
852
851
  clearTimeout(module.performance.timer);
853
- module.performance.timer = setTimeout(module.performance.display, 500);
852
+ module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
854
853
  },
855
854
  display: function () {
856
855
  var
@@ -863,9 +862,6 @@
863
862
  totalTime += data['Execution Time'];
864
863
  });
865
864
  title += ' ' + totalTime + 'ms';
866
- if (moduleSelector) {
867
- title += ' \'' + moduleSelector + '\'';
868
- }
869
865
  if ($allModules.length > 1) {
870
866
  title += ' (' + $allModules.length + ')';
871
867
  }
@@ -22,7 +22,6 @@
22
22
  $.fn.visibility = function (parameters) {
23
23
  var
24
24
  $allModules = $(this),
25
- moduleSelector = $allModules.selector || '',
26
25
 
27
26
  time = Date.now(),
28
27
  performance = [],
@@ -30,6 +29,19 @@
30
29
  query = arguments[0],
31
30
  methodInvoked = typeof query === 'string',
32
31
  queryArguments = [].slice.call(arguments, 1),
32
+ contextCheck = function (context, win) {
33
+ var $context;
34
+ if ([window, document].indexOf(context) >= 0) {
35
+ $context = $(context);
36
+ } else {
37
+ $context = $(win.document).find(context);
38
+ if ($context.length === 0) {
39
+ $context = win.frameElement ? contextCheck(context, win.parent) : window;
40
+ }
41
+ }
42
+
43
+ return $context;
44
+ },
33
45
  returnedValue,
34
46
 
35
47
  moduleCount = $allModules.length,
@@ -53,7 +65,7 @@
53
65
  $window = $(window),
54
66
 
55
67
  $module = $(this),
56
- $context = [window, document].indexOf(settings.context) < 0 ? $(document).find(settings.context) : $(settings.context),
68
+ $context = contextCheck(settings.context, window),
57
69
 
58
70
  $placeholder,
59
71
 
@@ -1076,7 +1088,7 @@
1076
1088
  });
1077
1089
  }
1078
1090
  clearTimeout(module.performance.timer);
1079
- module.performance.timer = setTimeout(module.performance.display, 500);
1091
+ module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
1080
1092
  },
1081
1093
  display: function () {
1082
1094
  var
@@ -1089,9 +1101,6 @@
1089
1101
  totalTime += data['Execution Time'];
1090
1102
  });
1091
1103
  title += ' ' + totalTime + 'ms';
1092
- if (moduleSelector) {
1093
- title += ' \'' + moduleSelector + '\'';
1094
- }
1095
1104
  if (performance.length > 0) {
1096
1105
  console.groupCollapsed(title);
1097
1106
  if (console.table) {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Breadcrumb
2
+ * # Fomantic-UI 2.9.3 - Breadcrumb
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Form
2
+ * # Fomantic-UI 2.9.3 - Form
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -494,6 +494,11 @@
494
494
  .ui.ui.form .field.error .input {
495
495
  color: #9f3a38;
496
496
  }
497
+ @supports selector(:has(.f)) {
498
+ .ui.form .fields:has(.error) > label {
499
+ color: #9f3a38;
500
+ }
501
+ }
497
502
  .ui.form .fields.error .field .ui.label,
498
503
  .ui.form .field.error .ui.label {
499
504
  background-color: #ecd1d1;
@@ -543,21 +548,7 @@
543
548
  border-radius: "";
544
549
  box-shadow: none;
545
550
  }
546
- .ui.form .field input:not(:-ms-input-placeholder):invalid {
547
- color: #9f3a38;
548
- background: #fff6f6;
549
- border-color: #e0b4b4;
550
- border-radius: "";
551
- box-shadow: none;
552
- }
553
- .ui.form .field input:not(:placeholder-shown):invalid {
554
- color: #9f3a38;
555
- background: #fff6f6;
556
- border-color: #e0b4b4;
557
- border-radius: "";
558
- box-shadow: none;
559
- }
560
- .ui.form .field input:not(:-ms-input-placeholder):invalid {
551
+ .ui.form:not(.initial) .field input:invalid {
561
552
  color: #9f3a38;
562
553
  background: #fff6f6;
563
554
  border-color: #e0b4b4;
@@ -707,6 +698,11 @@
707
698
  .ui.inverted.form .error.field label {
708
699
  color: #ecd1d1;
709
700
  }
701
+ @supports selector(:has(.f)) {
702
+ .ui.inverted.form .fields:has(.error) > label {
703
+ color: #ecd1d1;
704
+ }
705
+ }
710
706
 
711
707
  /* On Form */
712
708
  .ui.form.info .info.message:not(:empty) {
@@ -740,6 +736,11 @@
740
736
  .ui.ui.form .field.info .input {
741
737
  color: #276f86;
742
738
  }
739
+ @supports selector(:has(.f)) {
740
+ .ui.form .fields:has(.info) > label {
741
+ color: #276f86;
742
+ }
743
+ }
743
744
  .ui.form .fields.info .field .ui.label,
744
745
  .ui.form .field.info .ui.label {
745
746
  background-color: #c6e3e9;
@@ -932,6 +933,11 @@
932
933
  .ui.inverted.form .info.field label {
933
934
  color: #c6e3e9;
934
935
  }
936
+ @supports selector(:has(.f)) {
937
+ .ui.inverted.form .fields:has(.info) > label {
938
+ color: #c6e3e9;
939
+ }
940
+ }
935
941
 
936
942
  /* On Form */
937
943
  .ui.form.success .success.message:not(:empty) {
@@ -965,6 +971,11 @@
965
971
  .ui.ui.form .field.success .input {
966
972
  color: #2c662d;
967
973
  }
974
+ @supports selector(:has(.f)) {
975
+ .ui.form .fields:has(.success) > label {
976
+ color: #2c662d;
977
+ }
978
+ }
968
979
  .ui.form .fields.success .field .ui.label,
969
980
  .ui.form .field.success .ui.label {
970
981
  background-color: #b9d1ad;
@@ -1157,6 +1168,11 @@
1157
1168
  .ui.inverted.form .success.field label {
1158
1169
  color: #b9d1ad;
1159
1170
  }
1171
+ @supports selector(:has(.f)) {
1172
+ .ui.inverted.form .fields:has(.success) > label {
1173
+ color: #b9d1ad;
1174
+ }
1175
+ }
1160
1176
 
1161
1177
  /* On Form */
1162
1178
  .ui.form.warning .warning.message:not(:empty) {
@@ -1190,6 +1206,11 @@
1190
1206
  .ui.ui.form .field.warning .input {
1191
1207
  color: #573a08;
1192
1208
  }
1209
+ @supports selector(:has(.f)) {
1210
+ .ui.form .fields:has(.warning) > label {
1211
+ color: #573a08;
1212
+ }
1213
+ }
1193
1214
  .ui.form .fields.warning .field .ui.label,
1194
1215
  .ui.form .field.warning .ui.label {
1195
1216
  background-color: #d7ccb5;
@@ -1382,6 +1403,11 @@
1382
1403
  .ui.inverted.form .warning.field label {
1383
1404
  color: #d7ccb5;
1384
1405
  }
1406
+ @supports selector(:has(.f)) {
1407
+ .ui.inverted.form .fields:has(.warning) > label {
1408
+ color: #d7ccb5;
1409
+ }
1410
+ }
1385
1411
 
1386
1412
  /* --------------------
1387
1413
  Disabled
@@ -1446,29 +1472,36 @@
1446
1472
  /* --------------------
1447
1473
  Required Field
1448
1474
  --------------------- */
1449
- .ui.form .required.fields:not(.grouped) > .field > label::after,
1475
+ .ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
1476
+ .ui.form .required.fields.inline > label::after,
1450
1477
  .ui.form .required.fields.grouped > label::after,
1451
1478
  .ui.form .required.field > label::after,
1452
- .ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
1479
+ .ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
1453
1480
  .ui.form .required.field > .checkbox::after,
1454
1481
  .ui.form label.required::after {
1455
1482
  margin: -0.2em 0 0 0.2em;
1456
1483
  content: "*";
1457
1484
  color: #db2828;
1458
1485
  }
1459
- .ui.form .required.fields:not(.grouped) > .field > label::after,
1486
+ .ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
1487
+ .ui.form .required.fields.inline > label::after,
1460
1488
  .ui.form .required.fields.grouped > label::after,
1461
1489
  .ui.form .required.field > label::after,
1462
1490
  .ui.form label.required::after {
1463
1491
  display: inline-block;
1464
1492
  vertical-align: top;
1465
1493
  }
1466
- .ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
1494
+ .ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
1467
1495
  .ui.form .required.field > .checkbox::after {
1468
1496
  position: absolute;
1469
1497
  top: 0;
1470
1498
  left: 100%;
1471
1499
  }
1500
+ .ui.ui.ui.ui.form .fields > label:empty::after,
1501
+ .ui.ui.ui.ui.form .field > label:empty::after {
1502
+ content: " ";
1503
+ display: inline-block;
1504
+ }
1472
1505
 
1473
1506
 
1474
1507
  /*******************************