Calculate :active state using lighten()

2019-07-22 23:12:39 +02:00
parent 2b91585029
commit 07f60d48a7
2 changed files with 5 additions and 2 deletions
@@ -1,3 +1,5 @@
+@import "../sass/_config";
+
 .icon {
  position: relative;
  background-position: center;
@@ -7,13 +9,13 @@
  
  &:hover {
    .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 {
    .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);
    }
  }