The same markup, before and after
One landing page with no CSS next to the same HTML with LunarCSS, and how the comparison image is made.
Lunar Blog
A minimal Astro blog, styled with the classless LunarCSS theme.
Latest posts
Every Markdown element
A reference post with every element Markdown can produce, plus the few it needs raw HTML for, all styled by LunarCSS without a single class.
Building a classless theme, element by element
How LunarCSS styles plain HTML with element selectors only, where its decoration comes from when an element has nothing to draw with, and what it gives up to stay out of your way.
Figures and captions in MDX
Markdown has no syntax for an image caption. An MDX post can use a small classless component instead, and LunarCSS styles the figure it outputs.
Drawing with backgrounds in forced colours
Windows contrast themes remove background images, and much of LunarCSS is drawn with them. Three fixes keep the theme's shapes visible in the reader's own colours.
Cascade layers let your CSS win
LunarCSS wraps the whole theme in one cascade layer, so a site's own CSS overrides it without specificity fights or !important.