Elassus NPM | npm.io

Elassus

A functional CSS library built for speed and granular customization.

Use it to rapidly prototype and construct masterful layouts without writing bloated CSS.

Highlights

Small

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.

Customizable

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.

Unbreakable

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.

Understandable

Within minutes you’ll be reading and writing markup using Elassus. Imagine knowing the styles applied to your code without looking at the CSS.

Uniqueness

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.

Responsive

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:

NPM

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!

CDN

You can just drop this line in the <head> of your HTML file, and be ready to go with the latest version of Elassus!

<link rel="stylesheet" href="https://unpkg.com/elassus/css/elassus.min.css" />

Download

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.