aboutsummaryrefslogtreecommitdiff
path: root/.config/ags/style/mixins/button.scss
diff options
context:
space:
mode:
authorsrdusr <trevorgray@srdusr.com>2025-08-30 19:22:59 +0200
committersrdusr <trevorgray@srdusr.com>2025-08-30 19:22:59 +0200
commit19120d4f9761c67d99ed1ce3da6084b83f5a49c9 (patch)
treef234cad1bdad88114a63c9702144da487024967a /.config/ags/style/mixins/button.scss
parent5928998af5404ae2be84c6cecc10ebf84bd3f3ed (diff)
downloaddotfiles-19120d4f9761c67d99ed1ce3da6084b83f5a49c9.tar.gz
dotfiles-19120d4f9761c67d99ed1ce3da6084b83f5a49c9.zip
Linux-specific dotfiles
Diffstat (limited to '.config/ags/style/mixins/button.scss')
-rw-r--r--.config/ags/style/mixins/button.scss70
1 files changed, 0 insertions, 70 deletions
diff --git a/.config/ags/style/mixins/button.scss b/.config/ags/style/mixins/button.scss
deleted file mode 100644
index 79ec275..0000000
--- a/.config/ags/style/mixins/button.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-@mixin button-focus() {
- box-shadow: inset 0 0 0 $border-width $primary-bg;
- background-color: $hover-bg;
- color: $hover-fg;
-}
-
-@mixin button-hover() {
- box-shadow: inset 0 0 0 $border-width $border-color;
- background-color: $hover-bg;
- color: $hover-fg;
-}
-
-@mixin button-active() {
- box-shadow: inset 0 0 0 $border-width $border-color;
- background-image: $active-gradient;
- background-color: $primary-bg;
- color: $primary-fg;
-}
-
-@mixin button-disabled() {
- box-shadow: none;
- background-color: transparent;
- color: transparentize($fg, 0.7);
-}
-
-@mixin button($flat: false, $reactive: true, $radius: $radius, $focusable: true) {
- all: unset;
- transition: $transition;
- border-radius: $radius;
- color: $fg;
-
- @if $flat {
- background-color: transparent;
- background-image: none;
- box-shadow: none;
- }
-
- @else {
- background-color: $widget-bg;
- box-shadow: inset 0 0 0 $border-width $border-color;
- }
-
- @if $reactive {
- @if $focusable {
- &:focus {
- @include button-focus;
- }
- }
-
- &:hover {
- @include button-hover;
- }
-
- &:active,
- &.on,
- &.active,
- &:checked {
- @include button-active;
-
- &:hover {
- box-shadow: inset 0 0 0 $border-width $border-color,
- inset 0 0 0 99px $hover-bg;
- }
- }
- }
-
- &:disabled {
- @include button-disabled;
- }
-}