33 lines
798 B
SCSS
Executable file
33 lines
798 B
SCSS
Executable file
@use '../colors';
|
|
|
|
button {
|
|
transition: background-color 100ms ease-in;
|
|
background: transparentize(white, 0.95);
|
|
padding: 8px;
|
|
|
|
&:hover:not(:active) { background: transparentize(white, 0.9); }
|
|
&:disabled { opacity: 0.3; }
|
|
|
|
&:checked, &.suggested-action {
|
|
background: colors.$accent-7;
|
|
color: lighten(colors.$accent-7, 40%);
|
|
&:hover:not(:active) { background: darken(colors.$accent-7, 5%); }
|
|
}
|
|
|
|
&.destructive-action {
|
|
background: colors.$accent-1;
|
|
color: lighten(colors.$accent-1, 40%);
|
|
&:hover:not(:active) { background: darken(colors.$accent-1, 5%); }
|
|
}
|
|
|
|
&.circular {
|
|
border-radius: 100%;
|
|
padding: 8px;
|
|
}
|
|
|
|
&.flat {
|
|
background: transparent;
|
|
&:hover { color: rgba(255,255,255,.7); }
|
|
&:checked { color: rgba(255,255,255,.8); }
|
|
}
|
|
} |