At it’s largest, Elassus is less than 15kb gzipped. That means your project isn’t going to turn in to a bloated mess of ever growing CSS.
$3
Other style libraries may claim it, but finding that to be untrue was the initial inspiration for creating Elassus. Finally, you can always get what you want.
$3
No more having to audit your project with every small change to your CSS to see if it broke something. In Elassus you change class names, not styles.
$3
Within minutes you’ll be reading and writing markup using Elassus. Imagine knowing the styles applied to your code without looking at the CSS.
$3
Finally, the freedom to create something that doesn’t look like a billion other products out that because it was built with a popular framework.
$3
The modules that most often need responsive breakpoints have them right out of the box. If you need more control, you can easily bend it to your will.
Getting Started
Elassus is really easy to get up and running in your project. If you want full control you can fork the repo or do one of the following:
$3
Elassus is published on NPM, so you can easily add it to your project by running the following command:
`` npm install elassus --save-dev `
From there, just import scss/elassus.scss in to your stylesheet and you'll be up and running!
$3
You can just drop this line in the <head> of your HTML file, and be ready to go with the latest version of Elassus!
`
``
$3
Lastly, you can download a zip file of the most up to date Elassus by clicking here. Unzip it and put it in your project.
Documentation
The documentation for Elassus can be viewed at http://elassus.com, which features instructions on customization as well as a reference tool for searching and navigating through the various class names available in the library.
Modules
Below is a list of all the available modules in Elassus along with links to their location on the Reference page.