Sensible website styles with zero CSS classes.
Just write semantic HTML and follow a few sensible defaults...
Download the latest CSS file from the releases and link to it in your HTML file
<link rel="stylesheet" href="{where-ever-you-keep-your-static-content}/zilch.css">
<link href="https://cdn.jsdelivr.net/gh/gtrogers/[email protected]/zilch.css" rel="stylesheet" />
Include a short style
element in your HTML to set some basic CSS variables and, optionally, define a @font-face.
<style>
@font-face {
font-family: "some-font";
src: url("/path/to/some-font");
}
body {
--font-family: "some-font";
--light: #f8f8f8;
--dark: #202022;
--interactive-light: "";
--interactive-dark: "";
}
</style>
See the website