From c632c15421ec2708ab5c08476304ddc6df3cef80 Mon Sep 17 00:00:00 2001 From: Nathan Barrett <30009669+nathan-barrett@users.noreply.github.com> Date: Mon, 15 May 2023 13:38:49 -0700 Subject: [PATCH] Update button styles --- assets/sass/protocol/components/_button.scss | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/assets/sass/protocol/components/_button.scss b/assets/sass/protocol/components/_button.scss index 43ea4cf..98ed57d 100644 --- a/assets/sass/protocol/components/_button.scss +++ b/assets/sass/protocol/components/_button.scss @@ -7,21 +7,23 @@ @mixin default-states { &:focus { - border-color: $button-border-color-focus; + background-color: transparent; + border-color: $color-black; outline: $field-focus-ring-outline; outline-offset: 1px; + color: $color-black; } &:hover { - background-color: $color-marketing-gray-20; + background-color: transparent; border-color: $color-black; box-shadow: none; color: $color-black; } &:active { - background-color: $color-marketing-gray-20; - border-color: $color-marketing-gray-70; + background-color: transparent; + border-color: $color-black; color: $color-black; } } @@ -100,7 +102,7 @@ a.mzp-c-button { } &:disabled { - opacity: 0.6; + opacity: 0.8; pointer-events: none; } } @@ -162,6 +164,10 @@ a.mzp-c-button { border-color: $color-black; color: $color-black; + &:active { + background-color: $color-black; + } + @include default-states; // dark