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

✨ Rework About page Process section

Browse Source
This commit is contained in:
Félix Péault
2022-09-07 22:47:00 +02:00
parent 46a78851ec
commit 351061dc61
5 changed files with 148 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/style/pages/_about.scss
View File

@@ -356,10 +356,10 @@
&__photos {
position: relative;
z-index: 1;
margin-top: -64px;
// margin-top: -64px;
@include bp (sm) {
margin-top: -120px;
// margin-top: -120px;
}
.container-wide {
@@ -434,41 +434,27 @@
}
}
/*
** Bottom
*/
&__bottom {
@include bp (sm) {
margin-top: calc(-1 * clamp(160px, 14vw, 240px));
}
// Modules
.grid-modules {
grid-column: 1 / -1;
@include bp (sm) {
grid-column: 2 / -2;
}
}
}
// Interest
&__interest {
position: relative;
z-index: 2;
display: block;
margin-bottom: 20px;
padding: 72px 32px;
background: $color-primary-tertiary20;
border-radius: 12px;
box-shadow: 0px -24px 120px rgba($color-primary-darker, 0.8);
margin-top: calc(-1 * clamp(160px, 14vw, 256px));
@include bp (sm) {
display: grid;
grid-column: 2 / -2;
margin-bottom: 48px;
padding: clamp(72px, 8vw, 160px) 0;
& > .container {
position: relative;
z-index: 2;
display: block;
margin-bottom: 20px;
padding: 72px 32px;
background: $color-primary-tertiary20;
border-radius: 12px;
box-shadow: 0px -24px 120px rgba($color-primary-darker, 0.8);
@include bp (sm) {
--columns: 22;
display: grid;
grid-column: 2 / -2;
margin-bottom: 64px;
padding: clamp(72px, 8vw, 160px) 0;
}
}
h2 {