A Lightweight & Highly-Composable Modular CSS Framework
Clean, focused, and mobile-ready, Savvy is a collection of foundational styles and classes for authoring beautifully simple, highly effective CSS in any type of project, at any scale.
The Savvy approach to CSS favors:
Architectural and technical details related to a specific concern can be found in its source file's readme.
npm install savvy-css
Savvy is currently being developed, iterated upon, and tested for production usage, and thus, a 1.0 release is still forthcoming.
That said, it's very much in the "Release Candidate" stage. I haven't been able to put an official roadmap together yet, but as of 0.10.1, things are significantly stable.
Additionally, the best way to become familiar with Savvy is by reading the (very-much-still-in-progress) guides, reading through rules being developed in the source code, and tracking its progress through the changelog.
Contributions are welcome, but Savvy's overall architecture and requirements are still being fleshed out -- so it may be a bit challenging to accept PRs. With that said, to hack on Savvy:
Clone the repository, then
cd into its directory and install dependencies with npm:
cd savvy && npm install
Development tasks are currently managed with Gulp:
Savvy ships with a linting configuration which is passed to Stylelint. The lint task will examine all CSS files in the source directory, and output any linting errors to the command line via postcss-reporter.
Passes all source CSS files through a series of POSTCSS processor gulp-postcss. This transforms source CSS custom properties to their computed values and minifies the output, resulting in a
More development tasks (continuous compilation, watchers, etc) will be integrated shortly.
Savvy is a progression on many outstanding architectural concepts that have come to fruition in CSS in recent years. Its underpinnings have been heavily influenced by projects such as BassCSS, Tachyons, and many others that I'm surely leaving out.