Vital is built with Sass, the preferred CSS preprocessor of today.
No ridiculous amounts of classes or nesting. No excessively buried code.
Written almost entirely in
emvalues, allowing for easy and consistent scaling.
At a total size of just 24 KB minified or 6 KB gzipped, Vital loads and renders quickly.
6 KB gzipped!
Traditional CSS frameworks include an overwhelming and unnecessary amount of bloat. Vital is built on the principal that less is more. Working with less code means there are fewer bugs to squash and less documentation to read. Less time spent coding means more time to focus on your next killer feature.
Often times a large CSS framework is used to speed up the time to market or to enforce consistency, but when a project grows beyond the initial scope of a concept, development becomes more difficult and time consuming. Vital reduces workflow inefficiencies because there is less to learn and maintain.
Vital is a true cross-platform, mobile-first framework. Elements such as select boxes, checkboxes and radios render consistently across different platforms while gracefully degrading on legacy.