Added ags
TODO copy ags config
This commit is contained in:
48
roles/ags/files/style/mixins/a11y-button.scss
Normal file
48
roles/ags/files/style/mixins/a11y-button.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user