diff --git a/bootstrap-elements.html b/bootstrap-elements.html index 64e05ce4..32e15ddc 100644 --- a/bootstrap-elements.html +++ b/bootstrap-elements.html @@ -508,7 +508,6 @@

flat - default - no class needed

btn only - .active Default Primary Success @@ -521,7 +520,6 @@

.btn-raised

- .active Default Primary Success @@ -650,9 +648,12 @@

btn-lg.btn-block.btn-raised

-

+

Block level button -

+
+ Block level button disabled +
+
@@ -662,6 +663,15 @@ Middle Right
+ +

disabled btn-group.btn-group-justified.btn-group-raised

+
+
+ Left + Middle + Right +
+
diff --git a/less/_buttons.less b/less/_buttons.less index dd969664..7cce9aea 100644 --- a/less/_buttons.less +++ b/less/_buttons.less @@ -62,6 +62,7 @@ &:not(.btn-link) { .shadow-2dp(); + &:hover { // Spec: @@ -160,20 +161,36 @@ i.material-icons { vertical-align: middle; } +} - // Disabled text - // Spec: - // - light theme: Disabled text: 26% #000000 - // - dark theme: Disabled text: 30% #FFFFFF - fieldset[disabled] &, +// Disabled buttons and button groups +.btn, +.input-group-btn .btn, +.btn-group { + // have to ratchet up the specificity to kill drop shadows on disabled raised buttons + fieldset[disabled][disabled] &, &.disabled, - &:disabled { + &:disabled, + &[disabled][disabled] { + // spec: light theme: Disabled text: 26% #000000 color: fade(#000000, 26%); .theme-dark & { + // spec: dark theme: Disabled text: 30% #FFFFFF color: fade(#FFFFFF, 30%); } background: transparent; + + // no box-shadow on disabled + &.btn-raised, + &.btn-group-raised { + &, + &.active, + &:active, + &:focus:not(:active) { + box-shadow: none; + } + } } } @@ -203,7 +220,7 @@ .shadow-2dp(); } - & .btn+.btn, + & .btn + .btn, .btn, .btn:active, .btn-group {