buttons should be more mixin friendly

This commit is contained in:
Mark Otto 2013-12-18 14:29:33 -08:00
parent ab740f0f0f
commit 324f6ca562
2 changed files with 23 additions and 23 deletions

File diff suppressed because one or more lines are too long

View File

@ -18,32 +18,32 @@
white-space: nowrap;
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
.user-select(none);
}
.btn:focus {
.tab-focus();
}
&:focus {
.tab-focus();
}
.btn:hover,
.btn:focus {
color: @btn-default-color;
text-decoration: none;
}
&:hover,
&:focus {
color: @btn-default-color;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
&:active,
&.active {
outline: 0;
background-image: none;
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none; // Future-proof disabling of clicks
.opacity(.65);
.box-shadow(none);
&.disabled,
&[disabled],
fieldset[disabled] & {
cursor: not-allowed;
pointer-events: none; // Future-proof disabling of clicks
.opacity(.65);
.box-shadow(none);
}
}