About JoneCSS:

Quick Start

Add the following css <link> to the <head> of your HTML document:

                    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jonasfroeller/JoneCSS/jonecss.css">

Or download the file ./jonecss.css and add it to your project:

                    <link rel="stylesheet" href="./jonecss.css">

To prevent jonecss.css from overwriting your own styles, make sure to import it as the very first CSS import.

Customization

You can customize the site by changing the css variables.

You can customize the look and feel of jonecss.css by overwriting the CSS variables. For example, to change the primary color, add the following code to your own CSS file, or if you downloaded jonecss.css, just change the value in the file itself:

:root {--primary-color: orange;}

Covered Tags:

a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, svg, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr.