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

Add offset on House index for large screens

Browse Source
This commit is contained in:
Félix Péault
2022-06-27 13:40:14 +02:00
parent c9053f9757
commit d72dec2443
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/style/molecules/_house.scss
View File

@@ -161,6 +161,7 @@
user-select: none; user-select: none;
@include bp (sm) { @include bp (sm) {
--offset: 1.75vw;
position: relative; position: relative;
grid-column: 19 / span 6; grid-column: 19 / span 6;
grid-row: 1; grid-row: 1;
@@ -168,14 +169,17 @@
bottom: auto; bottom: auto;
right: auto; right: auto;
align-self: center; align-self: center;
background: none;
text-align: left; text-align: left;
transform: translate3d(var(--offset), 0, 0);
}
@include bp (fhd) {
--offset: 2.5vw;
} }
// Specific cases // Specific cases
&.has-one-start { &.has-one-start {
@include bp (sm) { @include bp (sm) {
transform: translate3d(15%, 0, 0); transform: translate3d(calc(15% + var(--offset)), 0, 0);
} }
} }
} }
@@ -203,12 +207,13 @@
@include bp (sm) { @include bp (sm) {
grid-column-start: 1; grid-column-start: 1;
text-align: right; text-align: right;
transform: translate3d(calc(-1 * var(--offset)), 0, 0);
} }
// Specific cases // Specific cases
&.has-one-start { &.has-one-start {
@include bp (sm) { @include bp (sm) {
transform: translate3d(-8%, 0, 0); transform: translate3d(calc(-8% - var(--offset)), 0, 0);
} }
} }
} }