Stylish 🎀🎀🎀

CSS in JS helpers at your disposal.

Installation

Add @mariosant/stylish to your package.json.

$ npm install @mariosant/stylish

You can now import the module and use it.

import {unless} from '@mariosant/stylish';

Usage

Stylish is a collection of helpers for your CSS in JS projects. Known to be compatible with styled-components and emotion. It aims to provide helpers and not to reimplement functionality found in other similar modules, like polished.

This being said, all exported functions are meant to be used within your styles. For example

import {ifProp} from '@mariosant/stylish';

const Title = styled('h1')`
	color: ${ifProp('extra', 'black', 'grey')};
`;

Reference

Please find the full api reference within the docs directory.

Meta

Marios Antonoudiou – @marios_ant – [email protected]

Distributed under the MIT license. https://github.com/mariosant/stylish

Contributing

1. Fork it (https://github.com/mariosant/stylish/fork)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes using a semantic commit message.
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request