From fb1e59db2fecb3335ada21384f22b4c54e6fd23d Mon Sep 17 00:00:00 2001 From: Fdom92 Date: Thu, 9 Jan 2020 12:01:54 +0100 Subject: [PATCH 1/2] fix(about): active and hover styles --- src/pages/app-about/app-about.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/pages/app-about/app-about.scss b/src/pages/app-about/app-about.scss index 9704ae3d..3ba94f1a 100644 --- a/src/pages/app-about/app-about.scss +++ b/src/pages/app-about/app-about.scss @@ -124,6 +124,18 @@ max-width: 420px; text-align: left; } + + button { + &:hover { + background: #ff5d00; + border-color: white; + } + + &:not(:disabled):active { + background-color: #ff5d00; + border-color: white; + } + } } .members { From 004e00cccbadf49d8877d9c9f38ce26cf4d6960a Mon Sep 17 00:00:00 2001 From: Fdom92 Date: Fri, 10 Jan 2020 10:37:24 +0100 Subject: [PATCH 2/2] fix(about): use color vars --- src/pages/app-about/app-about.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/app-about/app-about.scss b/src/pages/app-about/app-about.scss index 9621635b..18c7c50e 100644 --- a/src/pages/app-about/app-about.scss +++ b/src/pages/app-about/app-about.scss @@ -74,7 +74,7 @@ p.about-text { @include media-breakpoint-down(md) { - color: #5d534e; + color: $gray-brown; margin-bottom: 1rem; } @include media-breakpoint-down(sm) { @@ -120,20 +120,20 @@ max-width: 278px; text-align: center; } - color: #5d534e; + color: $gray-brown; max-width: 420px; text-align: left; } button { &:hover { - background: #ff5d00; - border-color: white; + background: $orange-dark; + border-color: $white; } &:not(:disabled):active { - background-color: #ff5d00; - border-color: white; + background-color: $orange-dark; + border-color: $white; } } }