base.css.scss in ecrire-0.26.2

- old
+ new
@@ -99,36 +99,37 @@
   box-shadow: inset 0px 0px 3px 1px rgba(76, 120, 155, 1);
   color: #FEFEFE;
 }
 
 .button {
-  @include transition(text-shadow 0.3s ease-in, border-color 0.3s, background-color 0.3s, box-shadow 0.3s, color 0.3s);
-  border: 1px solid lighten($navy-blue, 5%);
+  @include transition(text-shadow 0.1s ease-in, border-color 0.1s, background-color 0.1s, box-shadow 0.1s, color 0.1s);
+  border: 1px solid darken($bright-blue, 15%);
   border-radius: 2px;
   text-decoration: none;
   padding: 4px 8px;
   margin: 0 0.5em;
   font-size: 0.8em;
   text-transform: uppercase;
-  font-weight: bolder;
-  box-shadow: inset 0 1px 0 transparent;
-  text-shadow: 0 1px 0 transparent;
+  font-weight: bold;
+  background-color: $bright-blue;
 
+  color: lighten($navy-blue, 100%);
+  box-shadow: inset 0 1px 0 0 lighten($bright-blue, 15%);
+
   &.selected {
-    background-color: lighten($navy-blue, 25%);
-    border-color: lighten($navy-blue, 25%);
-    color: lighten($navy-blue, 100%);
+    background-color: darken($bright-blue, 15%);
+    border-color: darken($bright-blue, 25%);
+    box-shadow: none;
   }
 
   &:hover:not(.selected) {
-    background-color: lighten($navy-blue, 25%);
-    box-shadow: inset 0 1px 0 lighten($navy-blue, 30%), 0 1px 1px lighten($navy-blue, 15%);
-    color: lighten($navy-blue, 60%);
-    text-shadow: 0 1px lighten($navy-blue, 25%);
+    background-color: lighten($bright-blue, 5%);
+    color: lighten($navy-blue, 100%);
+    border-color: darken($bright-blue, 25%);
+    box-shadow: inset 0 1px 0 0 lighten($bright-blue, 15%), 0 0 2px 0 darken($bright-blue, 15%);
   }
 
   &:active:not(.selected) {
-    box-shadow: none;
-    color: lighten($navy-blue, 100%);
-    text-shadow: 0 1px lighten($navy-blue, 25%);
+    box-shadow: inset 0 1px 2px 0 darken($bright-blue, 15%), 0 0 2px 0 transparent;
+    background-color: darken($bright-blue, 5%);
   }
 }