ducky/web
ducky/web/src/styles/_button.scss
Upgrade babel. Take advantage of shorter compilation times. Woohoo!
1 @import 'bourbon';
2 @import 'base/base';
4 $primary-button-color: #3FA743;
5 $base-button-color: $blue;
7 button, button[type='button'], .button {
8 position: relative;
9 display: inline-block;
10 background-color: $base-button-color;
12 &.primary, &.primary.ladda-button {
13 background-color: $primary-button-color;
14 }
16 &.ladda-button {
17 background-color: $base-button-color;
18 }
20 &.primary:hover, &.primary:focus, &.primary.ladda-button:hover, &.primary.ladda-button:focus {
21 background-color: darken($primary-button-color, 15);
22 }
24 &.ladda-button:hover, &.ladda-button:focus {
25 background-color: darken($base-button-color, 15);
26 }
27 }
29 button:hover, .button:hover {
30 background-color: darken($base-button-color, 15);
31 }