Fix background's scrolling glitch on mobile

This commit is contained in:
Daniele Tonon
2023-05-27 18:06:59 +02:00
parent 7c8556e6e8
commit 48391ddb8f
2 changed files with 11 additions and 11 deletions

View File

@@ -20,6 +20,12 @@ body {
.theme--dark body {
color: #fafafa;
}
.theme--default body {
background: #ffffff;
}
.theme--dark body {
background: #1e1e1e;
}
@media (max-width: 580px) {
body.lock {
overflow: hidden;
@@ -42,12 +48,6 @@ body {
overflow: hidden;
z-index: -1;
}
.theme--default .background {
background: #ffffff;
}
.theme--dark .background {
background: #1e1e1e;
}
.background::after {
content: "";
position: absolute;
@@ -58,7 +58,7 @@ body {
bottom: -40%;
}
.theme--default .background::after {
background: #ffffff;
background: #fafafa;
}
.theme--dark .background::after {
background: #181818;

View File

@@ -20,7 +20,7 @@ $themes: (
accent1: $color-accent1,
accent2: $color-accent2,
bg-up: $color-base1,
bg-down: $color-base1,
bg-down: $color-base2,
boxed-title: $color-base7,
boxed-bg-title: $color-base4,
boxed-bg: $color-base3,
@@ -98,6 +98,9 @@ body {
@include themed() {
color: t($base7);
}
@include themed() {
background: t($bg-up);
}
margin: 0;
margin-bottom: 4rem;
&.lock {
@@ -117,9 +120,6 @@ a {
bottom: 0;
left: 0;
right: 0;
@include themed() {
background: t($bg-up);
}
overflow: hidden;
z-index: -1;
&::after {