Zelda64Recomp/assets/scss/styles/components/Button.scss

31 lines
538 B
SCSS

.button {
@extend %label-md;
margin: auto;
display: block;
align-items: center;
justify-content: center;
padding: 12dp;
background-color: $color-primary-d;
color: $color-text;
border-radius: 8dp;
&:not([disabled]) {
@extend %nav-all;
}
&:focus {
color: $color-primary-l;
}
&:disabled,&[disabled] {
opacity: 0.5;
background-color: $color-primary-d;
color: $color-text-inactive;
}
&:active {
color: $color-error-l;
}
}