1 files changed, 48 insertions, 0 deletions
diff --git a/.config/ags/style/mixins/a11y-button.scss b/.config/ags/style/mixins/a11y-button.scss
new file mode 100644
index 0000000..00b24c6
--- /dev/null
+++ b/.config/ags/style/mixins/a11y-button.scss
@@ -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;
+            }
+        }
+    }
+}