Inline more css to prevent splash screen jumping

This commit is contained in:
James Lyne 2021-05-18 17:14:16 +01:00
parent 58009adfef
commit 5716cb1e48
2 changed files with 39 additions and 58 deletions

View File

@ -124,12 +124,51 @@
} }
} }
* {
scrollbar-width: thin;
scrollbar-color: var(--background-hover) transparent;
}
*::-webkit-scrollbar {
width: 1.2rem;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--background-light);
border-radius: 2rem;
transition: background 1s ease-in;
}
*:hover::-webkit-scrollbar-thumb {
background-color: var(--background-hover);
}
*::-webkit-scrollbar-button {
display: none;
}
html, body { html, body {
background-color: var(--background-dark); background-color: var(--background-dark);
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overscroll-behavior: none;
}
html {
font-size: 62.5%;
}
body {
font-family: Raleway, sans-serif;
color: var(--text-base);
text-shadow: 0.1rem 0.1rem #000000;
letter-spacing: 0.02rem;
} }
noscript { noscript {

View File

@ -30,16 +30,6 @@
} }
} }
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@font-face { @font-face {
font-family: 'Raleway'; font-family: 'Raleway';
font-style: normal; font-style: normal;
@ -49,50 +39,6 @@
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} }
* {
scrollbar-width: thin;
scrollbar-color: var(--background-hover) transparent;
}
*::-webkit-scrollbar {
width: 1.2rem;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--background-light);
border-radius: 2rem;
transition: background 1s ease-in;
}
*:hover::-webkit-scrollbar-thumb {
background-color: var(--background-hover);
}
*::-webkit-scrollbar-button {
display: none;
}
html {
font-size: 62.5%;
}
body {
font-family: Raleway, sans-serif;
color: var(--text-base);
text-shadow: 0.1rem 0.1rem #000000;
letter-spacing: 0.02rem;
}
html, body {
background-color: var(--background-dark);
height: 100%;
overscroll-behavior: none;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: normal; font-weight: normal;
margin-top: 0; margin-top: 0;
@ -193,10 +139,6 @@ input {
} }
} }
#app {
height: 100%;
}
#app .map .tile img, img { #app .map .tile img, img {
image-rendering: pixelated; image-rendering: pixelated;
} }