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

Performances optimizations WIP
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Félix Péault
2020-04-17 14:33:49 +02:00
parent bb5689f0b6
commit 3c05d6d222
17 changed files with 211 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/style/layouts/_main.scss
View File

@@ -4,7 +4,7 @@
top: 0;
left: 0;
width: 100%;
transition: opacity 0.6s $ease-quart;
transition: opacity 0.3s $ease-quart;
will-change: opacity;
&.is-transitioning {

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

@@ -165,24 +165,32 @@
position: absolute;
z-index: 0;
top: 0;
left: 50%;
left: 0;
width: 100%;
max-width: 1920px;
height: 100%;
transform: translateX(-50%);
transform-origin: 0 0;
background-image: var(--url-mobile);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
will-change: transform, opacity;
@include breakpoint (sm) {
background-image: var(--url-desktop);
}
@media (min-width: $screen-sm) and (-webkit-min-device-pixel-ratio: 2),
(min-width: $screen-sm) and (min-resolution: 192dpi) {
background-image: var(--url-desktop-2x);
div {
position: relative;
left: 50%;
width: 100%;
height: 100%;
transform: translateX(-50%);
transform-origin: 0 0;
background-image: var(--url-mobile);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
@include breakpoint (sm) {
background-image: var(--url-desktop);
}
@media (min-width: $screen-sm) and (-webkit-min-device-pixel-ratio: 2),
(min-width: $screen-sm) and (min-resolution: 192dpi) {
background-image: var(--url-desktop-2x);
}
}
}
}