refactor: add esbuild and modulerize css into seperate files

This commit is contained in:
rramiachraf
2024-03-06 17:32:10 +01:00
parent edc2b04198
commit c8747c0182
13 changed files with 548 additions and 463 deletions

64
style/main.css Normal file
View File

@ -0,0 +1,64 @@
/* inter-regular - cyrillic_greek_latin_vietnamese */
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-regular.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+ */
url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-regular.woff') format('woff');
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-500 - cyrillic_greek_latin_vietnamese */
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 500;
src: url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-500.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+ */
url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-500.woff') format('woff');
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-700 - cyrillic_greek_latin_vietnamese */
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-700.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+ */
url('/static/fonts/inter-v12-cyrillic_greek_latin_vietnamese-700.woff') format('woff');
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
margin: 0;
padding: 0;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.5rem;
font-family: inter;
background-color: #f9f9f9;
}
a {
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #181d31;
}
}