rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

thumb-overlay gradient colors

This commit is contained in:
ManjaroOne666 2019-01-27 21:41:24 +00:00
parent f1e594aa3d
commit f026f0adea
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/scss/style.scss
View File

@ -29,13 +29,16 @@
.thumb-overlay { .thumb-overlay {
$color: $color__neutral-100; // color of overlay $color: $color__neutral-100; // color of overlay
box-shadow: 0 0 12px 0 $color__neutral-400 inset, box-shadow: 0 0 12px 0 $color__neutral-100 inset,
0 2px 12px 3px rgba($color__neutral-300, .5); 0 2px 12px 3px rgba($color__neutral-100, .5);
transition: filter 1s; transition: filter 1s;
filter: grayscale(.5); filter: grayscale(.5);
@media (min-width: $bp__layout) { @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); filter: grayscale(.95);
&:hover { &:hover {
filter: grayscale(.5); filter: grayscale(.5);