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

20
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,6 +94,7 @@
}
// Scale down image on hover
@media (hover: hover) {
a:hover {
img {
opacity: 0.6;
@@ -98,6 +103,7 @@
}
}
}
}
// Visible state
&.is-visible {

12
src/style/pages/_location.scss
View File

@@ -3,7 +3,7 @@
background: #fff;
// Intro
.location-page__intro {
&__intro {
position: relative;
background: $color-primary;
@@ -71,6 +71,11 @@
.city {
text-align: center;
margin-left: auto;
@include bp (md) {
margin-right: auto;
padding-left: min(400px, 16vw);
}
}
}
}
@@ -187,9 +192,12 @@
// House
.house {
&:not(:last-child) {
margin-bottom: 86px;
margin-bottom: 72px;
@include bp (sm) {
margin-bottom: 88px;
}
@include bp (md) {
margin-bottom: 120px;
}
}