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); } }