Ravenholdt/Calculateur-Talents-Wow
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Calculate :active state using lighten()

Browse Source
This commit is contained in:
Melvin Valster
2019-07-22 23:12:39 +02:00
parent 2b91585029
commit 07f60d48a7
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Icon.scss
+4 -2
View File
@@ -1,3 +1,5 @@
@import "../sass/_config";
.icon { .icon {
position: relative; position: relative;
background-position: center; background-position: center;
@@ -7,13 +9,13 @@
&:hover { &:hover {
.icon__bg { .icon__bg {
box-shadow: inset 0px 0px 6px 3px rgba(99, 150, 214, .8); box-shadow: inset 0px 0px 6px 3px rgba($color-icon-overlay, .8);
} }
} }
&:active { &:active {
.icon__bg { .icon__bg {
box-shadow: inset 0px 0px 6px 3px rgba(99, 150, 214, 1); box-shadow: inset 0px 0px 6px 3px rgba(lighten($color-icon-overlay, 20%), .8);
} }
} }
src/sass/_config.scss
+1
View File
@@ -11,3 +11,4 @@ $color-yellow: #ffd100;
$color-green: #1eff00; $color-green: #1eff00;
$color-dark-green: #40bf40; $color-dark-green: #40bf40;
$color-subtle: #9d9d9d; $color-subtle: #9d9d9d;
$color-icon-overlay: #6396d6;