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
-
+
+
+ disabled btn-group.btn-group-justified.btn-group-raised
+
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 {