Explorar el Código

Improve button style

Thibaut Courouble hace 8 años
padre
commit
a16059a834
Se han modificado 1 ficheros con 4 adiciones y 3 borrados
  1. 4 3
      assets/stylesheets/components/_content.scss

+ 4 - 3
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;
   }
 }