secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Ditching thumbnail glow on mobile - performance suffering too much

Browse Source
This commit is contained in:
James Barnsley
2020-06-11 21:09:29 +12:00
parent 5f8616ee17
commit 7be693dea3
6 changed files with 40 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/scss/components/_images.scss
View File

@ -36,19 +36,24 @@
}
&--glow {
@include blur(10px);
position: absolute;
z-index: 1;
top: 30%;
right: 30px;
left: 30px;
padding-bottom: 70%;
width: auto;
height: auto;
opacity: 0.3;
transform: rotateX(4deg);
mix-blend-mode: multiply;
}
@include responsive($bp_medium) {
display: none;
}
@include responsive(null, $bp_medium) {
@include blur(10px);
position: absolute;
z-index: 1;
top: 30%;
right: 30px;
left: 30px;
padding-bottom: 70%;
width: auto;
height: auto;
opacity: 0.3;
transform: translateZ(0px) rotateX(4deg);
mix-blend-mode: multiply;
}
}
}
&__actions {