Style and animations fixes

- Add a requestAnimationFrame for TitleSite (would not fire from a location to credits/choose)
- Center and adjust parallax scroll for massive titles
- Place illustration: max width and center
This commit is contained in:
2020-04-21 15:21:50 +02:00
parent 9063045e94
commit 99dd2c5327
5 changed files with 16 additions and 9 deletions

View File

@@ -57,6 +57,7 @@ button {
line-height: 1;
color: $color-secondary;
letter-spacing: -2vw;
text-align: center;
pointer-events: none;
user-select: none;
@@ -65,6 +66,7 @@ button {
}
@include breakpoint (1920px) {
font-size: rem(900px);
letter-spacing: -40px;
}
&, span {

View File

@@ -7,6 +7,11 @@
.title-parallax {
margin-top: -#{pxVW(160)};
margin-left: -#{pxVW(160)};
@include breakpoint (1920px) {
margin-top: -160px;
margin-left: auto;
}
}
// Description

View File

@@ -167,13 +167,14 @@
top: 0;
left: 0;
width: 100%;
max-width: 1920px;
height: 100%;
will-change: transform, opacity;
.parallax {
width: 100%;
height: 100%;
max-width: 1760px;
margin: 0 auto;
}
&_img {
position: relative;