Improve button style

7 years ago · a16059a834
parent 7428645dc1
commit a16059a834
1 changed files with 4 additions and 3 deletions
--- a/assets/stylesheets/components/_content.scss
+++ b/assets/stylesheets/components/_content.scss
@ -399,14 +399,15 @@

 ._btn {
  white-space: nowrap;
-  padding: .125rem .375rem;
-  background-image: linear-gradient(lighten($boxBackground, 3%), darken($boxBackground, 4%));
+  padding: .375rem .675rem;
+  background-image: linear-gradient(lighten($boxBackground, 4%), darken($boxBackground, 2%));
  border: 1px solid $boxBorder;
  border-radius: 3px;
+  box-shadow: 0 1px rgba($boxBorder, .08);

  &:active {
    background-color: $boxBackground;
-    box-shadow: inset 0 1px 3px rgba(black, .15);
+    box-shadow: inset 0 1px 1px rgba(black, .05), inset 0 1px 4px $boxBorder;
  }
 }