diff --git a/src/scss/cdb-components/buttons.scss b/src/scss/cdb-components/buttons.scss index 6cb0bbc..50d0eed 100644 --- a/src/scss/cdb-components/buttons.scss +++ b/src/scss/cdb-components/buttons.scss @@ -198,6 +198,8 @@ Layout Component: @include transition(all 600ms); } &.is-loading { + cursor: default; + .CDB-Button-loader { animation-name: showIn; animation-duration: 600ms; @@ -245,6 +247,15 @@ Layout Component: background: darken($cBlue, 16%); } + &.is-loading { + &:hover { + background: $cBlue; + } + &:active { + background: $cBlue; + } + } + &.is-disabled { &:hover { background: $cBlue; @@ -414,6 +425,20 @@ Layout Component: background: transparent; } } + + &.is-loading { + cursor: default; + + &:hover { + background: $cWhite; + color: $cBlue; + } + &:active { + background: $cWhite; + color: $cBlue; + } + } + }