Add responsive and lazy image loading

This commit is contained in:
Luca Bosin
2023-08-21 22:04:10 +02:00
parent 6ae22b7a9c
commit ca90df83e9
30 changed files with 197 additions and 101 deletions

34
src/lib/styles/base.css Normal file
View File

@ -0,0 +1,34 @@
:root {
--main-text-color: #1a1a1a;
--main-bg-color: #fff;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--main-text-color: #e7e7e7;
--main-bg-color: #1a1a1a;
}
}
* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
font-size: 1em;
font-family: 'Roboto', 'Open Sans', sans-serif;
}
html,
body,
.container,
.footer {
width: 100%;
max-width: 100%;
}
body {
font-family: sans-serif;
background-color: var(--main-bg-color);
color: var(--main-text-color);
}