From 324f6ca562d75cf925ae272131b281be6a2f8400 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 18 Dec 2013 14:29:33 -0800 Subject: buttons should be more mixin friendly --- less/buttons.less | 44 ++++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) (limited to 'less') diff --git a/less/buttons.less b/less/buttons.less index 68664ea5c..b728f332c 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -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); + } } -- cgit v1.2.3