diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 6e86ce6..eff3333 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -29,13 +29,16 @@ .thumb-overlay { $color: $color__neutral-100; // color of overlay - box-shadow: 0 0 12px 0 $color__neutral-400 inset, - 0 2px 12px 3px rgba($color__neutral-300, .5); + box-shadow: 0 0 12px 0 $color__neutral-100 inset, + 0 2px 12px 3px rgba($color__neutral-100, .5); transition: filter 1s; filter: grayscale(.5); @media (min-width: $bp__layout) { + box-shadow: 0 0 12px 0 $color__neutral-400 inset, + 0 2px 12px 3px rgba($color__neutral-300, .5); + filter: grayscale(.95); &:hover { filter: grayscale(.5);