Tweak

HwakyoungLee · Apr 26, 2013 · aca1309 · aca1309
1 parent 9b9f444
commit aca1309
Showing 1 changed file with 56 additions and 79 deletions.
diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
@@ -577,91 +577,68 @@
 
 // Base .btn styles
 .btn {
-  // Button Base
-  background-image: none;
-  cursor: pointer;
-  display: inline-block;
-  background-color: #e5e9e9;
-  padding: 5px 14px 6px;
-  text-shadow: 0 1px 0 #fff;
-  color: #454545;
-  font-size: @basefont;
-  font-weight: 500;
-  line-height: normal;
-  border: 1px solid #9c9e9e;
-  .border-radius(3px);
-  box-shadow: inset 0 1px 0 #fff;
-
-  &:hover {
-    background-color: #edf1f1;
+    // Button Base
+    background-image: none;
+
+    background-color: #e5e9e9;
+    text-shadow: 0 1px 0 #fff;
     color: #454545;
-    text-decoration: none;
-  }
+    font-weight: 500;
+    line-height: normal;
+    border: 1px solid #9c9e9e;
+    .border-radius(3px);
+    box-shadow: inset 0 1px 0 #fff;
 
-  // Focus state for keyboard and accessibility
-  &:focus {
-    box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #6fb5f1;
-    outline: none;
-  }
+    &:hover {
+        background-color: #edf1f1;
+        color: #454545;
+    }
 
-  // Primary Button Type
-  &.primary {
-    background-image: none;
-    background-color: #288edf;
-    border: 1px solid  #0055ad;
-    box-shadow: inset 0 1px 0 rgba(255,255,255,0.36);
-    color: #fff;
-    text-shadow: 0 -1px 0 rgba(0,0,0,0.36);
+    // Focus state for keyboard and accessibility
+    &:focus {
+        box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #6fb5f1;
+        outline: none;
+    }
+
+    // Primary Button Type
+    &.primary {
+        background-image: none;
+        background-color: #288edf;
+        border: 1px solid  #0055ad;
+        box-shadow: inset 0 1px 0 rgba(255,255,255,0.36);
+        color: #fff;
+        text-shadow: 0 -1px 0 rgba(0,0,0,0.36);
+        &.active,
+        &:active {
+            background-image: none;
+            background-color: #0380e8;
+            box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
+        }    
+
+        &:focus {
+            box-shadow: inset 0 1px 0 rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
+            outline: none;
+        }        
+    }
+
+    // Active and Disabled states
     &.active,
     &:active {
-      background-image: none;
-      background-color: #0380e8;
-      box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
+        background-image: none;
+        background-color: #d3d7d7;
+        box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
     }    
-
-    &:focus {
-      box-shadow: inset 0 1px 0 rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
-      outline: none;
-    }        
-  }
 
-   // Transitions
-  .transition(.1s linear all);    
+    &.disabled, &[disabled] {
+        .opacity(30);
+    }
 
-  // Active and Disabled states
-  &.active,
-  &:active {
-    background-image: none;
-    background-color: #d3d7d7;
-    box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
-  }    
-
-  &.disabled {
-    cursor: default;
-    background-image: none;
-    .reset-filter();
-    .opacity(30);
-    .box-shadow(none);
-  }
-  &[disabled] {
-    // disabled pseudo can't be included with .disabled
-    // def because IE8 and below will drop it ;_;
-    cursor: default;
-    background-image: none;
-    .reset-filter();
-    .opacity(30);
-    .box-shadow(none);
-  }
-
-  // Button Sizes
-  &.large {
-    font-size: @basefont + 1px;
-    line-height: normal;
-    padding: 9px 14px 9px;
-    .border-radius(3px);
-  }
-  &.small {
-    padding: 7px 9px 7px;
-    font-size: @basefont - 1px;
-  }
+    // Button Sizes
+    &.large {
+        font-size: @basefont + 1px;
+        .border-radius(3px);
+    }
+    &.small {
+        font-size: @basefont - 1px;
+    }
 }