clssx
I just got tired of copying these functions throughout my projects and decided to turn then into a simple library.
Installing from npm
yarn add clssx
or npm install clssx
Usage
Import csx
or ssx
from the library
Example using react: https://codesandbox.io/s/vigorous-voice-ef38p
csx
It receives any amount of strings
, numbers
or conditional objects
and returns a single string
containing the allowed rulesets.
type csx = (...rulesets: Array<string | number | [key:string]: boolean>) => string
Ex:
// => '' // => 'flex padding-ns' // => 'flex padding-ns t-bold' // => '0' // => '1 2 3' // => '1 t-bold' // => 'grow' // => '' // => 'flex padding-ns grow' // => '1 flex padding-ns grow margin-xl'
ssx
It receives any amount of objects
or arrays with lenght 2
and returns a single object
containing the allowed rulesets.
type ssx = (...rulesets: Array<Object, boolean>) => Object
Ex:
// => {} // => {padding: 1} // => {padding: 1, display='flex'} // => {padding: 1} // => {padding: 1, display: 'inline'}
Scripts cheatset
yarn start
: Runyarn build
in watch modeyarn test:watch
: Run test suite in interactive watch modeyarn test:prod
: Run lintingyarn build
: Generate bundles and typings, create docsyarn lint
: Lints codeyarn release
: Publishes the package