49 lines
919 B
SCSS
49 lines
919 B
SCSS
@import './button';
|
|
|
|
@mixin accs-button($flat: false, $reactive: true) {
|
|
@include unset;
|
|
color: $fg;
|
|
|
|
>* {
|
|
border-radius: $radius;
|
|
transition: $transition;
|
|
|
|
@if $flat {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
@else {
|
|
background-color: $widget-bg;
|
|
box-shadow: inset 0 0 0 $border-width $border-color;
|
|
}
|
|
}
|
|
|
|
|
|
@if $reactive {
|
|
|
|
&:focus>*,
|
|
&.focused>* {
|
|
@include button-focus;
|
|
}
|
|
|
|
&:hover>* {
|
|
@include button-hover;
|
|
}
|
|
|
|
&:active,
|
|
&.active,
|
|
&.on,
|
|
&:checked {
|
|
>* {
|
|
@include button-active;
|
|
}
|
|
|
|
&:hover>* {
|
|
box-shadow: inset 0 0 0 $border-width $border-color,
|
|
inset 0 0 0 99px $hover-bg;
|
|
}
|
|
}
|
|
}
|
|
}
|