CSS toolkit engineered for high performance and scalable web applications.
Special Features
- Not a single
!importantrule🎉 - Selector-First responsive design
- Logical and super easy naming convention
- FDFD (fast development faster deployment)
More Features
Utility-first
Immutable classes behave exactly as expected. A class does one thing only and does it well.
Lightweight
Brevis is super fast, lean and play well with other technologies.
Low Specificity
Only the selectors with :hover pseudo-class have specificity of 20. All the other selectors have a specificity of 10.
Consistency
Consistency is in the heart of Brevis. Once you learn how it works, you'll see patterns everywhere.
Neutral
There's no default style to dictate how things should look like. That's entirely up to you.
Cohesive Scale Pattern
Brevis uses the 8-point scale pattern to ensure a consistent design.
Zero Dependency
- NO libraries
- NO preprocessors
- NO javascript
- NO npm
- NO grunt
- NO yarn
- NO bower
- NO travis
- NO cdn
Just a single file.
Documentation
The documentation resides in the docs folder, and it reflects the master branch. You can browse the online documentation and FAQ section at https://dlzi.github.io/brevis/.
Contributing
Please read our guidelines for contributors.
Help
If you have a question or need help, feel free to open an issue.
Related Projects
| Project | Description |
|---|---|
| Brevis Autocomplete | Sublime Text 3 autocomplete plugin for Brevis CSS toolkit. |