With cascading, trait-based atomic utilities for content-driven layouts.
Stack 'em left, right, and center. It's a breeze.
Like butter, but digital.
It's simple and responsive.
> * {cascading} Use c- helpers to cascade margin, padding, outlines, shadows, and other traits. I mean, why keep repeating yourself?
Flexbox is powerful, but confusing. If you're tired of looking up the various ways a flexbox container orients its items, this framework was made for you.
Color classes consider legibility by default -- meaning you'll rarely need to define text-colors. Even for darkmode.
There's no opinionated set style for labels, links, buttons, breadcrumbs -- or anything else. Instead, layer on global traits to get the look you want. All padding and margins are defaulted to 0.
Don't like the spacing values? Have an opinion on em, rem,vh,vw, or px? Want to define your own color pallete? Cool. Just change the root variables -- the rest takes care of itself.
Today, Emdash CSS is 31kb minified and 40kb uncompressed. That's almost 6x smaller than alternatives hovering around 235kb.
If strong is the new Bold, where does that leave Bold? Our answer: Bold is the fun and easy way to apply gradients to your text. You can even pass in other gradient classes to override the default.
Emdash is open source. Like and follow us on GitHub.