_buttons.scss (769B)
1 // #{$all-buttons} { 2 3 .button { 4 appearance: none; 5 background-color: $action-color; 6 border: 0; 7 border-radius: $base-border-radius; 8 color: $white-color; 9 cursor: pointer; 10 display: inline-block; 11 font-family: $base-font-family; 12 font-size: $base-font-size; 13 -webkit-font-smoothing: antialiased; 14 font-weight: 600; 15 line-height: 1; 16 padding: $small-spacing $base-spacing; 17 text-decoration: none; 18 transition: background-color $base-duration $base-timing; 19 user-select: none; 20 vertical-align: middle; 21 white-space: nowrap; 22 23 &:hover, 24 &:focus { 25 background-color: shade($action-color, 20%); 26 color: $white-color; 27 } 28 29 &:disabled { 30 cursor: not-allowed; 31 opacity: 0.5; 32 33 &:hover { 34 background-color: $action-color; 35 } 36 } 37 }