mirror of
https://github.com/aljazceru/njump.git
synced 2026-02-23 15:04:22 +01:00
Fix background's scrolling glitch on mobile
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user