> Caution: Elodin is still highly experimental WIP. Some shown APIs might not even be released yet.

Elodin

Elodin is a plugin-based quality and optimization tool for CSS in JavaScript libraries.

It helps to write bulletproof and valid styles and pushes developer experience to a next level.

Support Us

Support Robin Frischmann's work on Fela and its ecosystem (Elodin) directly via Patreon.

Or support us on Open Collective to fund community work. This also includes Elodin as well.

Thank you to all our backers!

Installation

``sh
yarn add elodin
`
You may alternatively use npm i --save elodin.

The gist

`javascript
import elodin from 'elodin'
import validation from 'elodin-plugin-validation'
import longhand from 'elodin-plugin-longhand'

// create a preconfigured linter
const process = elodin({
plugins: [
longhand(),
validation({
removeInvalid: true
})
],
fix: true
})

const style = {
padding: '20px 0 10px 5em',
fontSize: '15pt',
lineHeight: '1.2em',
width: 'solid'
}

// using the fix option will automatically fix warnings
process(style) === {
paddingTop: '20px',
paddingBottom: '10px',
paddingLeft: '5em',
fontSize: '15pt',
lineHeight: '1.2em'
}
`

#### Catching Warnings
If the fix option is disabled, Elodin will return a list of warning for every style object.

Taken the above example:

`javascript
const warnings = process(style)

warnings.forEach(warning => console.log(warning.description))
// => The value "solid" is not valid in combination with "width".
``

Documentation

> Coming soon.

Support

Got a question? Come and join us on Gitter!

We'd love to help out. We also highly appreciate any feedback.

Contributing

This project exists thanks to all the people who contribute.

We highly appreciate any contribution.

For more information follow the contribution guide.

Also, please read our code of conduct.

License

Elodin is licensed under the MIT License.

Documentation is licensed under Creative Common License.

Created with ♥ by @rofrischmann.