28 lines
525 B
SCSS
28 lines
525 B
SCSS
|
@use "sass:color";
|
||
|
|
@use "./variables" as *;
|
||
|
|
|
||
|
|
$selection-border-width: 2px;
|
||
|
|
|
||
|
|
@mixin standard_button {
|
||
|
|
color: inherit;
|
||
|
|
|
||
|
|
display: inline;
|
||
|
|
margin-left: 3px;
|
||
|
|
border: 2px solid rgba(1,1,1,0.2);
|
||
|
|
background: transparent;
|
||
|
|
|
||
|
|
user-select: none;
|
||
|
|
list-style: none;
|
||
|
|
line-height: 1em;
|
||
|
|
|
||
|
|
&::before {
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
background: color.change($color-light, $alpha: 0.08);
|
||
|
|
transition: background 0.1s;
|
||
|
|
border: $selection-border-width solid color.change($color-light, $alpha:0.3);
|
||
|
|
}
|
||
|
|
}
|