From 625e00b0c10824163d209f2a01d7abc9ab435e35 Mon Sep 17 00:00:00 2001 From: David Leuliette Date: Mon, 15 Dec 2014 19:03:18 +0100 Subject: [PATCH] Update cursor value to not-allowed for disabled components --- scss/foundation/_settings.scss | 9 ++++++--- scss/foundation/components/_breadcrumbs.scss | 2 +- scss/foundation/components/_global.scss | 1 + scss/foundation/components/_icon-bar.scss | 3 ++- scss/foundation/components/_range-slider.scss | 3 ++- 5 files changed, 12 insertions(+), 6 deletions(-) diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss index 5c15ce58c..307e1bf7f 100644 --- 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 612a146c4..4aa112171 100644 --- 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 ee42d926b..b021c43c6 100644 --- 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 c5c488954..ce820b000 100644 --- 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 30203eab8..0bbed1cb2 100644 --- 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; } } -- 2.47.2