bartek/forkio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enable hover effect so that color gets dark by 20%

Browse Source
This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-03-19 17:01:03 +01:00
parent 4087a53940
commit 7f9f6ae510
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/_buttons.scss
View File

@@ -9,7 +9,7 @@
} }
.rounded-button:hover { .rounded-button:hover {
background-color: $primary-light; background-color: darken($primary, $hover-threshold);
transition: $hover-duration; transition: $hover-duration;
text-decoration: none; text-decoration: none;
color: white; color: white;

2
src/scss/_navbar.scss
View File

@@ -48,6 +48,6 @@ $shrinking-duration: 0.4s;
} }
.navbar__link:hover { .navbar__link:hover {
color: $primary; color: darken($primary-dark, $hover-threshold);
transition: $hover-duration; transition: $hover-duration;
} }

1
src/scss/_variables.scss
View File

@@ -3,4 +3,5 @@ $primary-dark: #635c73;
$primary-light: #a599c8; $primary-light: #a599c8;
$regular-text: #848e97; $regular-text: #848e97;
$hover-threshold: 20%;
$hover-duration: 0.3s; $hover-duration: 0.3s;