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

WIP

Browse Source
This commit is contained in:
Félix Péault
2020-02-13 22:24:28 +01:00
parent 9b0c154f61
commit ef23d90eb6
60 changed files with 1665 additions and 930 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/style/pages/_place.scss
View File

@@ -6,11 +6,16 @@
// Title
&__title {
padding: 14vw 0 15vw;
padding: pxVW(224) 0 pxVW(240);
display: flex;
justify-content: center;
align-items: flex-end;
@include breakpoint (xxl) {
padding-top: 240px;
padding-bottom: 280px;
}
h1 {
position: relative;
z-index: 2;
@@ -22,7 +27,7 @@
}
.bottom {
text-align: right;
margin-left: 8vw;
margin-left: pxVW(128);
}
}
@@ -38,17 +43,27 @@
&__description {
position: relative;
z-index: 2;
padding-top: 12.5vw;
padding-top: pxVW(200);
padding-bottom: 72px;
background-color: $color-tertiary;
border-radius: none;
@include breakpoint (m) {
padding-bottom: 96px;
}
@include breakpoint (sm) {
padding-bottom: pxVW(240);
}
@include breakpoint (md) {
border-radius: 8px 0 0 8px;
padding-bottom: 15vw;
}
@include breakpoint (xxl) {
padding-top: 200px;
padding-bottom: 240px;
}
.wrapper {
margin: 0;
max-width: 1280px;
}
p {
@@ -58,6 +73,9 @@
color: $color-text;
@include breakpoint (sm) {
font-size: rem(22px);
}
@include breakpoint (lg) {
font-size: 1rem;
}
}
@@ -69,23 +87,22 @@
strong {
font-family: $font-sans-sb;
color: rgba($color-text, .4);
color: rgba($color-text, 0.4);
}
@include breakpoint (sm) {
display: none;;
display: none;
}
}
// Toggle
.toggle {
display: none;
@include breakpoint (sm) {
display: inline-flex;
@include breakpoint (xs) {
display: none;
}
}
// Right side background completion
&:after {
content: "";
display: block;
@@ -97,9 +114,12 @@
background-color: $color-tertiary;
}
// Wrap
&--wrap {
@include breakpoint (xs) {
padding: 0;
padding: 0;
@include breakpoint (md) {
padding-left: 128px;
}
}
}