2023-11-04 21:23:30 +04:00
|
|
|
@mixin button {
|
|
|
|
|
display: block;
|
2023-11-04 20:58:45 +04:00
|
|
|
padding: 0.25rem 0.5rem;
|
2023-11-04 21:23:30 +04:00
|
|
|
// border-radius: 0.25rem;
|
2023-11-04 20:58:45 +04:00
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
color: $fg;
|
|
|
|
|
border: 0.0625rem solid $border;
|
|
|
|
|
|
|
|
|
|
transition:
|
|
|
|
|
background-color 0.075s linear,
|
|
|
|
|
border-color 0.1s linear;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
background: $bg-selected;
|
|
|
|
|
border-color: $bg-selected;
|
|
|
|
|
}
|
|
|
|
|
}
|
