Update cursor value to not-allowed for disabled components

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 5c15ce58cc1c677eeece6113fa4093b94d02d708..307e1bf7f218b58aed56b134c0adaae491c9136c 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -185,6 +185,7 @@ $include-html-global-classes: $include-html-classes;
 // We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
 // $cursor-crosshair-value: crosshair;
 // $cursor-default-value: default;
+// $cursor-disabled-value: not-allowed;
 // $cursor-pointer-value: pointer;
 // $cursor-help-value: help;
 // $cursor-text-value: text;
@@ -463,7 +464,7 @@ $include-html-global-classes: $include-html-classes;
 
 // We use this to set default opacity and cursor for disabled buttons.
 // $button-disabled-opacity: 0.7;
-// $button-disabled-cursor: $cursor-default-value;
+// $button-disabled-cursor: $cursor-disabled-value;
 
 // 06. Button Groups
 // - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -633,7 +634,7 @@ $include-html-global-classes: $include-html-classes;
 // $input-border-width: 1px;
 // $input-border-radius: $global-radius;
 // $input-disabled-bg: $gainsboro;
-// $input-disabled-cursor: $cursor-default-value;
+// $input-disabled-cursor: $cursor-disabled-value;
 // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
 
 // We use these to style the fieldset border and spacing.
@@ -696,6 +697,7 @@ $include-html-global-classes: $include-html-classes;
 // $icon-bar-image-height: 1.875rem;
 // $icon-bar-active-color: $primary-color;
 // $icon-bar-item-padding: 1.25rem;
+// $icon-bar-disabled-cursor: $cursor-disabled-value;
 
 // 13. Inline Lists
 // - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -937,7 +939,7 @@ $include-html-global-classes: $include-html-classes;
 // $pagination-link-active-bg: scale-color($white, $lightness: -10%);
 
 // We use these for disabled anchor links
-// $pagination-link-unavailable-cursor: default;
+// $pagination-link-unavailable-cursor: $cursor-disabled-value;
 // $pagination-link-unavailable-font-color: $aluminum;
 // $pagination-link-unavailable-bg-active: transparent;
 
@@ -1082,6 +1084,7 @@ $include-html-global-classes: $include-html-classes;
 // $range-slider-handle-round: $global-rounded;
 // $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
 // $range-slider-handle-cursor: pointer;
+// $range-slider-disabled-cursor: $cursor-disabled-value;
 
 // 25. Reveal
 // - - - - - - - - - - - - - - - - - - - - - - - - -

diff --git a/scss/foundation/components/_breadcrumbs.scss b/scss/foundation/components/_breadcrumbs.scss
index 612a146c40e08b763664289914b6842bea69388a..4aa1121719d186d45382bc4f697d38ce0493c88c 100644 (file)
--- a/scss/foundation/components/_breadcrumbs.scss
+++ b/scss/foundation/components/_breadcrumbs.scss
@@ -95,7 +95,7 @@ $crumb-slash: "/" !default;
     a:focus {
       text-decoration: none;
       color: $crumb-font-color-unavailable;
-      cursor: $cursor-default-value;
+      cursor: $cursor-disabled-value;
     }
   }
 

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index ee42d926b9a817ac7b99af49b78ca7e069d7e684..b021c43c6877e62085113131ecb3a06caf4d509f 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -333,6 +333,7 @@ $large: $large-up;
 $cursor-auto-value: auto !default;
 $cursor-crosshair-value: crosshair !default;
 $cursor-default-value: default !default;
+$cursor-disabled-value: not-allowed !default;
 $cursor-pointer-value: pointer !default;
 $cursor-help-value: help !default;
 $cursor-text-value: text !default;

diff --git a/scss/foundation/components/_icon-bar.scss b/scss/foundation/components/_icon-bar.scss
index c5c488954769b073b58845b5c3cdcd1112a4cb2e..ce820b0000957e1fac071d94576fd603c21439fa 100644 (file)
--- a/scss/foundation/components/_icon-bar.scss
+++ b/scss/foundation/components/_icon-bar.scss
@@ -28,7 +28,8 @@ $icon-bar-item-padding: 1.25rem !default;
 
 // We use this to set default opacity and cursor for disabled icons.
 $icon-bar-disabled-opacity: 0.7 !default;
-$icon-bar-disabled-cursor: $cursor-default-value !default;
+$icon-bar-disabled-cursor: $cursor-disabled-value !default;
+
 
 //
 // @mixins

diff --git a/scss/foundation/components/_range-slider.scss b/scss/foundation/components/_range-slider.scss
index 30203eab8c7c381c7a0abc3693d60e2cf59fc211..0bbed1cb29f32106b3d2aa9d7c8a29a6fc07ee91 100644 (file)
--- a/scss/foundation/components/_range-slider.scss
+++ b/scss/foundation/components/_range-slider.scss
@@ -45,6 +45,7 @@ $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12
 $range-slider-handle-cursor: pointer !default;
 
 $range-slider-disabled-opacity: 0.7 !default;
+$range-slider-disabled-cursor: $cursor-disabled-value !default;
 
 //
 // @mixins
@@ -74,7 +75,7 @@ $range-slider-disabled-opacity: 0.7 !default;
   @if $radius == true { @include radius($range-slider-radius); }
   @if $round == true { @include radius($range-slider-round); }
   @if $disabled == true {
-    cursor: $cursor-default-value;
+    cursor: $range-slider-disabled-cursor;
     opacity: $range-slider-disabled-opacity;
   }
 }