Averil is small compilation of styled UI elements into a minimal framework to help you build responsive apps and websites. It uses expressions classes to allow for easier use, so you only need to remember what you want to apply and put a prefix.
Expressive prefixes used are as follwing:
.is-* // used to assign state or apply modifier
.has-* // used for child elements to components
.can-* // defines control classes to determine what elements 'can' do
.do-* // control modifier to handle actions
1. clone this repo or download the latest release
2. link the averil.scss to your main stylesheet using ```@import```
3. You are good to go
Check the Documentation here for snippets of elements and components of Averil. Please note that the documentation is still work in progress and it will be updated as we go along.
If you find any issues please email me at jan@source.run or raise an issue at te repo
All source files for the style guide and framework are under dev branch. Feel free to fork it or add a PR.
Happy building :)