johanhalse/subatomic

A nice config-based substrate for atomic css

Subatomic

The functional/atomic CSS generator. Make your stylesheets sing with the power of composition and IDE tooling!

Roadmap

• One config file should generate a bunch of little atomic classes and act as a blueprint for your atomic css
• Breakpoints and responsive design
• Expansions, like margin-left or border-left or whatever
• Aliases, since things like font-family values don't have auto generatable names
• Make it work as a proper globally installed binary
• ...but make naming.yml overridable
• Tests coverage of the biggest parts
• Inline Sublime Text auto-completion, documentation, and "class doesn't exist" warnings
• Probably the same for Atom
• But somebody else definitely gets do do it for Vim
• Auto-generated documentation / style guide
• Do some kind of screencast because the benefits of this thing aren't immediately obvious
• Probably like a zillion edge cases with naming and properties?

Unanswered stuff

• Classes that do more than one thing (should be "molecules": not atomic per se but sometimes useful, like top+left)
• Maybe support "only between these breakpoints" rather than a straightforward mobile-first waterfall