Load Suiseiseki Z's images only on screens >= 1280px.

This commit is contained in:
Alexander Andreev 2022-10-24 05:51:12 +04:00
parent 94ad220bc0
commit 3c8249aec9
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F

View File

@ -130,10 +130,6 @@ html {
body { body {
background-color: var(--background-color); background-color: var(--background-color);
background-image: var(--background-image);
background-size: calc((100vw - 960px)/2);
background-repeat: no-repeat;
background-position: bottom left;
color: var(--text-color); color: var(--text-color);
font-family: 'Roboto Condensed', Roboto, sans-serif; font-family: 'Roboto Condensed', Roboto, sans-serif;
font-size: 1.1rem; font-size: 1.1rem;
@ -141,6 +137,15 @@ body {
max-width: 960px; max-width: 960px;
width: 98%; } width: 98%; }
@media screen and (min-width: 1280px) {
body {
background-image: var(--background-image);
background-size: calc((100vw - 960px)/2);
background-repeat: no-repeat;
background-position: bottom left;
}
}
header { header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;