gtrogers/zilch

A zero class CSS framework that :heart:'s semantic HTML

Zilch CSS

Sensible website styles with zero CSS classes.

Just write semantic HTML and follow a few sensible defaults...

Installation

Hosting yourself

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">

CDN

<link href="https://cdn.jsdelivr.net/gh/gtrogers/[email protected]/zilch.css" rel="stylesheet" />

Theme

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>

Documentation

See the website