From 7f9f6ae5107e655c6598f07f3c1590406b33ab89 Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Mon, 19 Mar 2018 17:01:03 +0100
Subject: [PATCH] Enable hover effect so that color gets dark by 20%

---
 src/scss/_buttons.scss   | 2 +-
 src/scss/_navbar.scss    | 2 +-
 src/scss/_variables.scss | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/scss/_buttons.scss b/src/scss/_buttons.scss
index 1984cca..0d2f8e2 100644
--- a/src/scss/_buttons.scss
+++ b/src/scss/_buttons.scss
@@ -9,7 +9,7 @@
 }
 
 .rounded-button:hover {
-  background-color: $primary-light;
+  background-color: darken($primary, $hover-threshold);
   transition: $hover-duration;
   text-decoration: none;
   color: white;
diff --git a/src/scss/_navbar.scss b/src/scss/_navbar.scss
index 9ccb545..0c640c1 100644
--- a/src/scss/_navbar.scss
+++ b/src/scss/_navbar.scss
@@ -48,6 +48,6 @@ $shrinking-duration: 0.4s;
 }
 
 .navbar__link:hover {
-  color: $primary;
+  color: darken($primary-dark, $hover-threshold);
   transition: $hover-duration;
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6c9139b..39c36d6 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -3,4 +3,5 @@ $primary-dark: #635c73;
 $primary-light: #a599c8;
 $regular-text: #848e97;
 
+$hover-threshold: 20%;
 $hover-duration: 0.3s;
\ No newline at end of file