From c3b9ddfb7221c5cba0ab9997fc715096d29df72d Mon Sep 17 00:00:00 2001 From: newick Date: Mon, 12 Aug 2019 17:52:08 +0200 Subject: [PATCH] style(hover): added hover color --- src/assets/scss/atoms/_links.scss | 9 ++++++++- src/assets/scss/variables.scss | 2 ++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/assets/scss/atoms/_links.scss b/src/assets/scss/atoms/_links.scss index 176cae38..c7977340 100644 --- a/src/assets/scss/atoms/_links.scss +++ b/src/assets/scss/atoms/_links.scss @@ -49,8 +49,15 @@ a { transform: rotate(45deg); } + &:hover { + &.next::before, + &.prev::after { + background-color: $secondary_color; + } + } + span { padding-right: 1rem; padding-left: 1rem; } -} +} \ No newline at end of file diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss index 7a3aaa67..13e08f02 100644 --- a/src/assets/scss/variables.scss +++ b/src/assets/scss/variables.scss @@ -7,10 +7,12 @@ $sun-yellow: #ffd52c; $white: #ffffff; $dark-lavender: #7d6c99; $dusty-orange: #f18647; +$mango: #ffb92c; $violet: #bd10e0; // interpretations in app $primary_color: $sun-yellow; +$secondary_color: $mango; $font_color: $black; $logo_color: $dark-lavender; $logo_color_2: $camo;