spacelab: fix button hover and active states, closes #197

1 files changed, 50 insertions, 24 deletions

diff --git a/spacelab/bootswatch.less b/spacelab/bootswatch.less
index d500c211..39453bd6 100644
--- a/spacelab/bootswatch.less
+++ b/spacelab/bootswatch.less
@@ -48,38 +48,64 @@
 
 .btn {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
-}
 
-.btn-default,
-.btn-default:hover {
-  .btn-shadow(@btn-default-bg);
-}
+  &-default {
+    .btn-shadow(@btn-default-bg);
 
-.btn-primary,
-.btn-primary:hover {
-  .btn-shadow(@btn-primary-bg);
-}
+    &:hover {
+      .btn-shadow(darken(@btn-default-bg, 4%));
+    }
+  }
 
-.btn-success,
-.btn-success:hover {
-  .btn-shadow(@btn-success-bg);
-}
+  &-primary {
+    .btn-shadow(@btn-primary-bg);
 
-.btn-info,
-.btn-info:hover {
-  .btn-shadow(@btn-info-bg);
-}
+    &:hover {
+      .btn-shadow(darken(@btn-primary-bg, 4%));
+    }
+  }
 
-.btn-warning,
-.btn-warning:hover {
-  .btn-shadow(@btn-warning-bg);
-}
+  &-success {
+    .btn-shadow(@btn-success-bg);
+
+    &:hover {
+      .btn-shadow(darken(@btn-success-bg, 4%));
+    }
+  }
+
+  &-info {
+    .btn-shadow(@btn-info-bg);
 
-.btn-danger,
-.btn-danger:hover {
-  .btn-shadow(@btn-danger-bg);
+    &:hover {
+      .btn-shadow(darken(@btn-info-bg, 4%));
+    }
+  }
+
+  &-warning {
+    .btn-shadow(@btn-warning-bg);
+
+    &:hover {
+      .btn-shadow(darken(@btn-warning-bg, 4%));
+    }
+  }
+
+  &-danger {
+    .btn-shadow(@btn-danger-bg);
+
+    &:hover {
+      .btn-shadow(darken(@btn-danger-bg, 4%));
+    }
+  }
+
+  &:active,
+  &.active {
+    background-image: none;
+    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  }
 }
 
+
+
 // Typography =================================================================
 
 // Tables =====================================================================