aboutsummaryrefslogtreecommitdiff
path: root/less/buttons.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-07-09 00:39:56 -0700
committerMark Otto <[email protected]>2012-07-09 00:39:56 -0700
commit50a945e084e0153bd7e087cf29cdb2c176dbf4b8 (patch)
tree16b933fb7a7e7f3b787eb8f7a6b9b2d9a7177af0 /less/buttons.less
parent25d0b341a9a89ae2f0da4a506c26ac77db011350 (diff)
parent7d1c8c2a0ce16331583a965821690f7715e62908 (diff)
downloadbootstrap-50a945e084e0153bd7e087cf29cdb2c176dbf4b8.tar.xz
bootstrap-50a945e084e0153bd7e087cf29cdb2c176dbf4b8.zip
Merge branch '2.1.0-wip' of https://github.com/nextgenthemes/bootstrap into nextgenthemes-2.1.0-wip
Conflicts: less/buttons.less
Diffstat (limited to 'less/buttons.less')
-rw-r--r--less/buttons.less70
1 files changed, 36 insertions, 34 deletions
diff --git a/less/buttons.less b/less/buttons.less
index c5b58c433..222a587bd 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -26,46 +26,48 @@
border-bottom-color: darken(@btnBorder, 10%);
.border-radius(4px);
.ie7-restore-left-whitespace(); // Give IE7 some love
- .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.05)");
-}
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
+
+ // Hover state
+ &:hover {
+ color: @grayDark;
+ text-decoration: none;
+ background-color: darken(@white, 10%);
+ *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
+ background-position: 0 -15px;
+
+ // transition is only when going to hover, otherwise the background
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
+ .transition(background-position .1s linear);
+ }
-// Hover state
-.btn:hover {
- color: @grayDark;
- text-decoration: none;
- background-color: darken(@white, 10%);
- *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
- background-position: 0 -15px;
+ // Focus state for keyboard and accessibility
+ &:focus {
+ .tab-focus();
+ }
- // transition is only when going to hover, otherwise the background
- // behind the gradient (there for IE<=9 fallback) gets mismatched
- .transition(background-position .1s linear);
-}
+ // Active state
+ &.active,
+ &:active {
+ background-color: darken(@white, 10%);
+ background-color: darken(@white, 15%) e("\9");
+ background-image: none;
+ outline: 0;
+ .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
+ }
-// Focus state for keyboard and accessibility
-.btn:focus {
- .tab-focus();
-}
+ // Disabled state
+ &.disabled,
+ &[disabled] {
+ cursor: default;
+ background-color: darken(@white, 10%);
+ background-image: none;
+ .opacity(65);
+ .box-shadow(none);
+ }
-// Active state
-.btn.active,
-.btn:active {
- background-color: darken(@white, 10%);
- background-color: darken(@white, 15%) e("\9");
- background-image: none;
- outline: 0;
- .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.05)");
}
-// Disabled state
-.btn.disabled,
-.btn[disabled] {
- cursor: default;
- background-color: darken(@white, 10%);
- background-image: none;
- .opacity(65);
- .box-shadow(none);
-}
// Button Sizes