fomantic-ui-sass 2.7.2 → 2.7.3

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.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -7
  3. data/app/assets/javascripts/semantic-ui/accordion.js +0 -6
  4. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/calendar.js +40 -12
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +9 -0
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +2 -4
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +9 -11
  9. data/app/assets/javascripts/semantic-ui/embed.js +0 -1
  10. data/app/assets/javascripts/semantic-ui/form.js +10 -16
  11. data/app/assets/javascripts/semantic-ui/modal.js +28 -17
  12. data/app/assets/javascripts/semantic-ui/nag.js +1 -20
  13. data/app/assets/javascripts/semantic-ui/popup.js +0 -4
  14. data/app/assets/javascripts/semantic-ui/progress.js +161 -102
  15. data/app/assets/javascripts/semantic-ui/rating.js +0 -1
  16. data/app/assets/javascripts/semantic-ui/search.js +2 -7
  17. data/app/assets/javascripts/semantic-ui/shape.js +68 -145
  18. data/app/assets/javascripts/semantic-ui/sidebar.js +14 -12
  19. data/app/assets/javascripts/semantic-ui/site.js +0 -1
  20. data/app/assets/javascripts/semantic-ui/state.js +0 -1
  21. data/app/assets/javascripts/semantic-ui/sticky.js +1 -7
  22. data/app/assets/javascripts/semantic-ui/tab.js +17 -4
  23. data/app/assets/javascripts/semantic-ui/transition.js +7 -23
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -3
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +4 -3
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +16 -16
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -4
  28. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +12 -3
  29. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -11
  30. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -3
  31. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -0
  33. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +7 -5
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +5 -5
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
  36. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +0 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -0
  38. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -0
  39. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -41
  42. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +73 -35
  44. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +5 -0
  46. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +4 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +4 -4
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +189 -3
  50. data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
  51. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  52. data/lib/fomantic/ui/sass/version.rb +2 -2
  53. metadata +3 -3
@@ -141,17 +141,19 @@ $.fn.sidebar = function(parameters) {
141
141
 
142
142
  event: {
143
143
  clickaway: function(event) {
144
- var
145
- clickedInPusher = ($pusher.find(event.target).length > 0 || $pusher.is(event.target)),
146
- clickedContext = ($context.is(event.target))
147
- ;
148
- if(clickedInPusher) {
149
- module.verbose('User clicked on dimmed page');
150
- module.hide();
151
- }
152
- if(clickedContext) {
153
- module.verbose('User clicked on dimmable context (scaled out page)');
154
- module.hide();
144
+ if(settings.closable){
145
+ var
146
+ clickedInPusher = ($pusher.find(event.target).length > 0 || $pusher.is(event.target)),
147
+ clickedContext = ($context.is(event.target))
148
+ ;
149
+ if(clickedInPusher) {
150
+ module.verbose('User clicked on dimmed page');
151
+ module.hide();
152
+ }
153
+ if(clickedContext) {
154
+ module.verbose('User clicked on dimmable context (scaled out page)');
155
+ module.hide();
156
+ }
155
157
  }
156
158
  },
157
159
  touch: function(event) {
@@ -409,7 +411,7 @@ $.fn.sidebar = function(parameters) {
409
411
  ? callback
410
412
  : function(){}
411
413
  ;
412
- if(settings.closable && (module.is.visible() || module.is.animating())) {
414
+ if(module.is.visible() || module.is.animating()) {
413
415
  module.debug('Hiding sidebar', callback);
414
416
  module.refreshSidebars();
415
417
  module.pullPage(function() {
@@ -30,7 +30,6 @@ $.site = $.fn.site = function(parameters) {
30
30
  namespace = settings.namespace,
31
31
  error = settings.error,
32
32
 
33
- eventNamespace = '.' + namespace,
34
33
  moduleNamespace = 'module-' + namespace,
35
34
 
36
35
  $document = $(document),
@@ -29,7 +29,6 @@ $.fn.state = function(parameters) {
29
29
 
30
30
  moduleSelector = $allModules.selector || '',
31
31
 
32
- hasTouch = ('ontouchstart' in document.documentElement),
33
32
  time = new Date().getTime(),
34
33
  performance = [],
35
34
 
@@ -57,7 +57,6 @@ $.fn.sticky = function(parameters) {
57
57
  $container,
58
58
  $context,
59
59
 
60
- selector = $module.selector || '',
61
60
  instance = $module.data(moduleNamespace),
62
61
 
63
62
  requestAnimationFrame = window.requestAnimationFrame
@@ -241,8 +240,7 @@ $.fn.sticky = function(parameters) {
241
240
  supports: {
242
241
  sticky: function() {
243
242
  var
244
- $element = $('<div/>'),
245
- element = $element[0]
243
+ $element = $('<div/>')
246
244
  ;
247
245
  $element.addClass(className.supported);
248
246
  return($element.css('position').match('sticky'));
@@ -273,9 +271,6 @@ $.fn.sticky = function(parameters) {
273
271
  context = {
274
272
  offset : $context.offset(),
275
273
  height : $context.outerHeight()
276
- },
277
- container = {
278
- height: $container.outerHeight()
279
274
  }
280
275
  ;
281
276
  if( !module.is.standardScroll() ) {
@@ -488,7 +483,6 @@ $.fn.sticky = function(parameters) {
488
483
  top : cachedPosition + offset,
489
484
  bottom : cachedPosition + offset + scrollContext.height
490
485
  },
491
- direction = module.get.direction(scroll.top),
492
486
  elementScroll = (fits)
493
487
  ? 0
494
488
  : module.get.elementScroll(scroll.top),
@@ -58,6 +58,7 @@ $.fn.tab = function(parameters) {
58
58
  metadata = settings.metadata,
59
59
  selector = settings.selector,
60
60
  error = settings.error,
61
+ regExp = settings.regExp,
61
62
 
62
63
  eventNamespace = '.' + settings.namespace,
63
64
  moduleNamespace = 'module-' + settings.namespace,
@@ -275,6 +276,13 @@ $.fn.tab = function(parameters) {
275
276
  }
276
277
  },
277
278
 
279
+ escape: {
280
+ string: function(text) {
281
+ text = String(text);
282
+ return text.replace(regExp.escape, '\\$&');
283
+ }
284
+ },
285
+
278
286
  set: {
279
287
  auto: function() {
280
288
  var
@@ -386,6 +394,7 @@ $.fn.tab = function(parameters) {
386
394
  }
387
395
  else if(tabPath.search('/') == -1 && tabPath !== '') {
388
396
  // look for in page anchor
397
+ tabPath = module.escape.string(tabPath);
389
398
  $anchor = $('#' + tabPath + ', a[name="' + tabPath + '"]');
390
399
  currentPath = $anchor.closest('[data-tab]').data(metadata.tab);
391
400
  $tab = module.get.tabElement(currentPath);
@@ -627,7 +636,7 @@ $.fn.tab = function(parameters) {
627
636
  },
628
637
  defaultPath: function(tabPath) {
629
638
  var
630
- $defaultNav = $allModules.filter('[data-' + metadata.tab + '^="' + tabPath + '/"]').eq(0),
639
+ $defaultNav = $allModules.filter('[data-' + metadata.tab + '^="' + module.escape.string(tabPath) + '/"]').eq(0),
631
640
  defaultTab = $defaultNav.data(metadata.tab) || false
632
641
  ;
633
642
  if( defaultTab ) {
@@ -646,7 +655,7 @@ $.fn.tab = function(parameters) {
646
655
  },
647
656
  navElement: function(tabPath) {
648
657
  tabPath = tabPath || activeTabPath;
649
- return $allModules.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
658
+ return $allModules.filter('[data-' + metadata.tab + '="' + module.escape.string(tabPath) + '"]');
650
659
  },
651
660
  tabElement: function(tabPath) {
652
661
  var
@@ -658,8 +667,8 @@ $.fn.tab = function(parameters) {
658
667
  tabPath = tabPath || activeTabPath;
659
668
  tabPathArray = module.utilities.pathToArray(tabPath);
660
669
  lastTab = module.utilities.last(tabPathArray);
661
- $fullPathTab = $tabs.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
662
- $simplePathTab = $tabs.filter('[data-' + metadata.tab + '="' + lastTab + '"]');
670
+ $fullPathTab = $tabs.filter('[data-' + metadata.tab + '="' + module.escape.string(tabPath) + '"]');
671
+ $simplePathTab = $tabs.filter('[data-' + metadata.tab + '="' + module.escape.string(lastTab) + '"]');
663
672
  return ($fullPathTab.length > 0)
664
673
  ? $fullPathTab
665
674
  : $simplePathTab
@@ -938,6 +947,10 @@ $.fn.tab.settings = {
938
947
  state : 'History requires Asual\'s Address library <https://github.com/asual/jquery-address>'
939
948
  },
940
949
 
950
+ regExp : {
951
+ escape : /[-[\]{}()*+?.,\\^$|#\s:=@]/g
952
+ },
953
+
941
954
  metadata : {
942
955
  tab : 'tab',
943
956
  loaded : 'loaded',
@@ -36,12 +36,6 @@ $.fn.transition = function() {
36
36
  queryArguments = [].slice.call(arguments, 1),
37
37
  methodInvoked = (typeof query === 'string'),
38
38
 
39
- requestAnimationFrame = window.requestAnimationFrame
40
- || window.mozRequestAnimationFrame
41
- || window.webkitRequestAnimationFrame
42
- || window.msRequestAnimationFrame
43
- || function(callback) { setTimeout(callback, 0); },
44
-
45
39
  returnedValue
46
40
  ;
47
41
  $allModules
@@ -58,9 +52,7 @@ $.fn.transition = function() {
58
52
  className,
59
53
  metadata,
60
54
  animationEnd,
61
- animationName,
62
55
 
63
- namespace,
64
56
  moduleNamespace,
65
57
  eventNamespace,
66
58
  module
@@ -263,9 +255,6 @@ $.fn.transition = function() {
263
255
  $module
264
256
  .attr('style', overrideStyle)
265
257
  ;
266
- if(style === '') {
267
- $module.removeAttr('style');
268
- }
269
258
  return true;
270
259
  },
271
260
  hidden: function() {
@@ -314,22 +303,17 @@ $.fn.transition = function() {
314
303
 
315
304
  set: {
316
305
  animating: function(animation) {
317
- // override display if necessary so animation appears visibly
318
- if(module.force.visible()) {
319
- var
320
- animationClass,
321
- direction
322
- ;
323
- // remove previous callbacks
324
- module.remove.completeCallback();
306
+ // remove previous callbacks
307
+ module.remove.completeCallback();
325
308
 
326
- // determine exact animation
327
- animation = animation || settings.animation;
328
- animationClass = module.get.animationClass(animation);
309
+ // determine exact animation
310
+ animation = animation || settings.animation;
311
+ var animationClass = module.get.animationClass(animation);
329
312
 
330
313
  // save animation class in cache to restore class names
331
- module.save.animation(animationClass);
314
+ module.save.animation(animationClass);
332
315
 
316
+ if(module.force.visible()) {
333
317
  module.remove.hidden();
334
318
  module.remove.direction();
335
319
 
@@ -62,7 +62,6 @@ $.fn.visibility = function(parameters) {
62
62
 
63
63
  $placeholder,
64
64
 
65
- selector = $module.selector || '',
66
65
  instance = $module.data(moduleNamespace),
67
66
 
68
67
  requestAnimationFrame = window.requestAnimationFrame
@@ -510,8 +509,7 @@ $.fn.visibility = function(parameters) {
510
509
 
511
510
  passed: function(amount, newCallback) {
512
511
  var
513
- calculations = module.get.elementCalculations(),
514
- amountInPixels
512
+ calculations = module.get.elementCalculations()
515
513
  ;
516
514
  // assign callback
517
515
  if(amount && newCallback) {
@@ -268,7 +268,8 @@
268
268
 
269
269
  .ui.form .success.message,
270
270
  .ui.form .warning.message,
271
- .ui.form .error.message {
271
+ .ui.form .error.message,
272
+ .ui.form .error.message:empty {
272
273
  display: none;
273
274
  }
274
275
 
@@ -843,7 +844,7 @@
843
844
  }
844
845
 
845
846
  /* Swap to full width on mobile */
846
- @media only screen and (max-width: 767px) {
847
+ @media only screen and (max-width: 767.99px) {
847
848
  .ui.form .fields {
848
849
  -ms-flex-wrap: wrap;
849
850
  flex-wrap: wrap;
@@ -929,7 +930,7 @@
929
930
  }
930
931
 
931
932
  /* Swap to full width on mobile */
932
- @media only screen and (max-width: 767px) {
933
+ @media only screen and (max-width: 767.99px) {
933
934
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
934
935
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
935
936
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
@@ -171,7 +171,7 @@
171
171
  Page Grid
172
172
  -------------------------*/
173
173
 
174
- @media only screen and (max-width: 767px) {
174
+ @media only screen and (max-width: 767.99px) {
175
175
  .ui.page.grid {
176
176
  width: auto;
177
177
  padding-left: 0;
@@ -180,7 +180,7 @@
180
180
  margin-right: 0;
181
181
  }
182
182
  }
183
- @media only screen and (min-width: 768px) and (max-width: 991px) {
183
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
184
184
  .ui.page.grid {
185
185
  width: auto;
186
186
  margin-left: 0;
@@ -189,7 +189,7 @@
189
189
  padding-right: 2em;
190
190
  }
191
191
  }
192
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
192
+ @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
193
193
  .ui.page.grid {
194
194
  width: auto;
195
195
  margin-left: 0;
@@ -198,7 +198,7 @@
198
198
  padding-right: 3%;
199
199
  }
200
200
  }
201
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
201
+ @media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
202
202
  .ui.page.grid {
203
203
  width: auto;
204
204
  margin-left: 0;
@@ -459,7 +459,7 @@
459
459
 
460
460
 
461
461
  /* Mobile Sizing Combinations */
462
- @media only screen and (min-width: 320px) and (max-width: 767px) {
462
+ @media only screen and (min-width: 320px) and (max-width: 767.99px) {
463
463
  .ui.grid > .row > [class*="one wide mobile"].column,
464
464
  .ui.grid > .column.row > [class*="one wide mobile"].column,
465
465
  .ui.grid > [class*="one wide mobile"].column,
@@ -559,7 +559,7 @@
559
559
  }
560
560
 
561
561
  /* Tablet Sizing Combinations */
562
- @media only screen and (min-width: 768px) and (max-width: 991px) {
562
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
563
563
  .ui.grid > .row > [class*="one wide tablet"].column,
564
564
  .ui.grid > .column.row > [class*="one wide tablet"].column,
565
565
  .ui.grid > [class*="one wide tablet"].column,
@@ -759,7 +759,7 @@
759
759
  }
760
760
 
761
761
  /* Large Monitor Sizing Combinations */
762
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
762
+ @media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
763
763
  .ui.grid > .row > [class*="one wide large screen"].column,
764
764
  .ui.grid > .column.row > [class*="one wide large screen"].column,
765
765
  .ui.grid > [class*="one wide large screen"].column,
@@ -1446,7 +1446,7 @@
1446
1446
 
1447
1447
 
1448
1448
  /* Mobile */
1449
- @media only screen and (max-width: 767px) {
1449
+ @media only screen and (max-width: 767.99px) {
1450
1450
  .ui[class*="mobile reversed"].grid,
1451
1451
  .ui[class*="mobile reversed"].grid > .row,
1452
1452
  .ui.grid > [class*="mobile reversed"].row {
@@ -1497,7 +1497,7 @@
1497
1497
  }
1498
1498
 
1499
1499
  /* Tablet */
1500
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1500
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
1501
1501
  .ui[class*="tablet reversed"].grid,
1502
1502
  .ui[class*="tablet reversed"].grid > .row,
1503
1503
  .ui.grid > [class*="tablet reversed"].row {
@@ -1602,7 +1602,7 @@
1602
1602
 
1603
1603
 
1604
1604
  /* Tablet Only */
1605
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1605
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
1606
1606
  .ui.doubling.grid {
1607
1607
  width: auto;
1608
1608
  }
@@ -1698,7 +1698,7 @@
1698
1698
  }
1699
1699
 
1700
1700
  /* Mobile Only */
1701
- @media only screen and (max-width: 767px) {
1701
+ @media only screen and (max-width: 767.99px) {
1702
1702
  .ui.grid > .doubling.row,
1703
1703
  .ui.doubling.grid > .row {
1704
1704
  margin: 0 !important;
@@ -1793,7 +1793,7 @@
1793
1793
  Stackable
1794
1794
  --------------------*/
1795
1795
 
1796
- @media only screen and (max-width: 767px) {
1796
+ @media only screen and (max-width: 767.99px) {
1797
1797
  .ui.stackable.grid {
1798
1798
  width: auto;
1799
1799
  margin-left: 0 !important;
@@ -1873,7 +1873,7 @@
1873
1873
  /* These include arbitrary class repetitions for forced specificity */
1874
1874
 
1875
1875
  /* Mobile Only Hide */
1876
- @media only screen and (max-width: 767px) {
1876
+ @media only screen and (max-width: 767.99px) {
1877
1877
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
1878
1878
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
1879
1879
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -1901,7 +1901,7 @@
1901
1901
  }
1902
1902
 
1903
1903
  /* Tablet Only Hide */
1904
- @media only screen and (min-width: 768px) and (max-width: 991px) {
1904
+ @media only screen and (min-width: 768px) and (max-width: 991.99px) {
1905
1905
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
1906
1906
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
1907
1907
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
@@ -1929,7 +1929,7 @@
1929
1929
  }
1930
1930
 
1931
1931
  /* Computer Only Hide */
1932
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
1932
+ @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
1933
1933
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1934
1934
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1935
1935
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
@@ -1957,7 +1957,7 @@
1957
1957
  }
1958
1958
 
1959
1959
  /* Large Screen Only Hide */
1960
- @media only screen and (min-width: 1200px) and (max-width: 1919px) {
1960
+ @media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
1961
1961
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
1962
1962
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
1963
1963
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
@@ -402,7 +402,7 @@
402
402
  Container
403
403
  ---------------*/
404
404
 
405
- @media only screen and (max-width: 767px) {
405
+ @media only screen and (max-width: 767.99px) {
406
406
  .ui.menu > .ui.container {
407
407
  width: 100% !important;
408
408
  margin-left: 0 !important;
@@ -413,6 +413,10 @@
413
413
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
414
414
  border-left: 1px solid rgba(34, 36, 38, 0.1);
415
415
  }
416
+ .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.item:not(.borderless):last-child,
417
+ .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.menu > .item:not(.borderless):last-child {
418
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
419
+ }
416
420
  }
417
421
 
418
422
 
@@ -474,7 +478,7 @@
474
478
  Disabled
475
479
  ---------------*/
476
480
 
477
- .ui.menu .item.disabled {
481
+ .ui.ui.menu .item.disabled {
478
482
  cursor: default;
479
483
  background-color: transparent;
480
484
  color: rgba(40, 40, 40, 0.3);
@@ -1306,7 +1310,7 @@ Floated Menu / Item
1306
1310
  Stackable
1307
1311
  ---------------*/
1308
1312
 
1309
- @media only screen and (max-width: 767px) {
1313
+ @media only screen and (max-width: 767.99px) {
1310
1314
  .ui.stackable.menu {
1311
1315
  -webkit-box-orient: vertical;
1312
1316
  -webkit-box-direction: normal;
@@ -1469,7 +1473,7 @@ Floated Menu / Item
1469
1473
  }
1470
1474
 
1471
1475
  /* Disabled */
1472
- .ui.inverted.menu .item.disabled {
1476
+ .ui.ui.inverted.menu .item.disabled {
1473
1477
  color: rgba(225, 225, 225, 0.3);
1474
1478
  }
1475
1479