lib/ecrire/app/assets/stylesheets/admin/base.css.scss in ecrire-0.26.3 vs lib/ecrire/app/assets/stylesheets/admin/base.css.scss in ecrire-0.27.0
- old
+ new
@@ -99,37 +99,36 @@
box-shadow: inset 0px 0px 3px 1px rgba(76, 120, 155, 1);
color: #FEFEFE;
}
.button {
- @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%);
+ @include transition(border-color 0.1s, background-color 0.1s, box-shadow 0.2s, color 0.1s);
+ border: 1px solid rgba(black, 0.25);
border-radius: 2px;
text-decoration: none;
padding: 4px 8px;
margin: 0 0.5em;
font-size: 0.8em;
text-transform: uppercase;
font-weight: bold;
- background-color: $bright-blue;
-
+ background-color: rgba(white, 0.05);
color: lighten($navy-blue, 100%);
- box-shadow: inset 0 1px 0 0 lighten($bright-blue, 15%);
+ box-shadow: inset 0 1px 0 0 transparent, 0 0 2px 0 transparent;
&.selected {
- background-color: darken($bright-blue, 15%);
- border-color: darken($bright-blue, 25%);
+ background-color: rgba(black, 0.3);
+ border-color: rgba(black, 0.3);
box-shadow: none;
}
&:hover:not(.selected) {
- 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%);
+ background-color: rgba(white, 0.05);
+ color: white;
+ border-color: rgba(black, 0.3);
+ box-shadow: inset 0 1px 0 0 rgba(white, 0.35), 0 0 2px 0 rgba(black, 0.2);
}
&:active:not(.selected) {
- box-shadow: inset 0 1px 2px 0 darken($bright-blue, 15%), 0 0 2px 0 transparent;
- background-color: darken($bright-blue, 5%);
+ box-shadow: inset 0 1px 2px 0 rgba(black, 0.3), 0 0 2px 0 transparent;
+ background-color: rgba(black, 0.3);
}
}