ZeroCSS

Classy style without classes.

<link href="https://cdn.jsdelivr.net/gh/alexmingoia/zero.css@2023-07-09/zero.min.css" type="text/css" rel="stylesheet" />

ZeroCSS elegantly styles HTML – no classes or extra markup required. Designed according to typographic best practices and accessibility standards. Font sizing and spacing are fluidly responsive based on clamp scales. Dark and light palettes are included and used according to browser preference.

Jul 4th 2023

Example Heading group

This is a paragraph. This is a link in the paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a <blockquote>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Example h2

Example h3

This is a link.

This is a <small> tag.

This is a sup tag.

This is an <a> with type="button": Click me

  1. List item A
  2. List item B
  3. List item C
This is a figure containing img and figcaption.

Example form

[aria-busy] attribute displays loading indicator