finds.dev← search

// the find

jgthms/wysiwyg.css

★ 713 · Sass · MIT · updated Jul 2024

A tiny CSS for generated HTML or Markdown content

A single-class CSS drop-in that styles HTML rendered from Markdown — think blog post bodies, CMS output, or README previews. Add `.wysiwyg` to a wrapper and all your `h1`–`h6`, `code`, `blockquote`, and table elements get sensible defaults without fighting your global styles.

Ships as a single Sass file with variables at the top, so overriding fonts, colors, and spacing is a one-line change rather than a specificity war. The scoped single-class approach means it won't bleed into your nav or footer the way a CSS reset would. From jgthms (author of Bulma), the typographic taste is solid — spacing and rhythm are visually sensible out of the box. Zero dependencies; the compiled CSS is small enough that even adding it to a project that doesn't use Sass at all is painless.

Last touched mid-2024 and the commit history before that is sparse — this is basically done and not being iterated on, which is fine until you hit a gap. No dark mode variables included; you're rolling that yourself. The themes directory has exactly one theme (`default.sass`), so the 'extensibility via themes' framing is aspirational. At 713 stars it's obscure enough that you'll hit edge cases with no community answers — you're reading Sass source to debug.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →