flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix photo CSS and hover

Browse Source
This commit is contained in:
Félix Péault
2020-03-01 12:17:04 +01:00
parent 8a4faa616e
commit 97256639c4
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/style/molecules/_photo.scss
View File

@@ -66,6 +66,12 @@
border-radius: 8px; border-radius: 8px;
} }
a {
display: block;
width: 100%;
text-decoration: none;
}
img { img {
display: block; display: block;
width: 100%; width: 100%;
@@ -74,33 +80,26 @@
// Overlay // Overlay
&:after { &:after {
opacity: 0;
content: ""; content: "";
position: absolute; position: absolute;
z-index: 2; z-index: 3;
opacity: 0; display: block;
pointer-events: none;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
background-color: $color-primary; background-color: $color-primary;
display: block; pointer-events: none;
z-index: 3;
transition: opacity 150ms $ease-inout; transition: opacity 150ms $ease-inout;
} }
a { // Hover
display: block; &:hover {
width: 100%; cursor: url(#{$dir-img}/icons/zoom.svg) 6 8, pointer;
text-decoration: none;
// Hover &:after {
&:hover { opacity: 0.6;
cursor: url(#{$dir-img}/icons/zoom.svg) 6 8, pointer;
.photo__image--img:after {
opacity: 0.6;
}
} }
} }
} }