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

Adapt a little bit Location's page houses styling

Browse Source
This commit is contained in:
Félix Péault
2021-11-21 16:51:03 +01:00
parent 8d487e0ef7
commit 77bd85b408
2 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/style/organisms/_house.scss
View File

@@ -37,7 +37,7 @@
}
.info {
display: block;
margin-top: 16px;
margin-top: 12px;
color: $color-lightgray;
line-height: 1.5;
opacity: 0;
@@ -45,6 +45,9 @@
transition-delay: var(--delay);
@include bp (sm) {
margin-top: 16px;
}
@include bp (md) {
margin-top: 24px;
}
@@ -71,18 +74,19 @@
opacity: 0;
transition: opacity 2s var(--ease-quart);
@include bp (sm) {
border-radius: 8px;
}
picture {
position: relative;
z-index: 3;
border-radius: 0;
@include bp (md) {
border-radius: 8px;
}
}
img {
display: block;
width: calc(100% + 1px);
height: calc(100% + 1px);
width: calc(100% + 2px);
height: calc(100% + 2px);
object-fit: cover;
transform: scale3d(1.125, 1.125, 1.125);
transition: transform 2s var(--ease-quart), opacity 1.2s var(--ease-quart);
@@ -90,11 +94,13 @@
}
// Scale down image on hover
a:hover {
img {
opacity: 0.6;
transform: scale3d(1.03, 1.03, 1.03) !important;
transition-duration: 1.2s;
@media (hover: hover) {
a:hover {
img {
opacity: 0.6;
transform: scale3d(1.03, 1.03, 1.03) !important;
transition-duration: 1.2s;
}
}
}
}