`css`

CSS-in-JS, styled components, dynamic styles.

Load with: use css

Quick example

use css

result = cssne("hello", "value")
prn(result)

Functions

Styled component

cssne(tag, styles)

Creates a new instance. Takes tag, styles.

cssap(el, styles)

Performs the operation. Takes el, styles.

CSS rule generation

cssru(sel, styles)

Runs. Takes sel, styles.

camelCase -> kebab-case

csske(camel)

Performs the operation. Takes camel.

Value coercion

cssva(val)

Performs the operation. Takes val.

Media query wrapper

cssmd(query, styles, parent)

Performs the operation. Takes query, styles, parent.

cssdc(styles)

Performs the operation. Takes styles.

Inject stylesheet

cssin(ct)

Initialises. Takes ct.

Keyframes

csskf(nm, frames)

Performs the operation. Takes nm, frames.

CSS variables

cssvs(nm, val)

Performs the operation. Takes nm, val.

cssvg(nm)

Performs the operation. Takes nm.

cssve(el, nm, val)

Performs the operation. Takes el, nm, val.

Theme provider

cssth(colors, fonts, bps)

Performs the operation. Takes colors, fonts, bps.

Responsive helper

cssmr(bp, styles, theme)

Performs the operation. Takes bp, styles, theme.

Flexbox/Grid helpers

cssfl(op)

Performs the operation. Takes op.

cssgr(op)

Performs the operation. Takes op.

Utility classes

cssut()

Performs the operation.

Global styles

cssgl(styles)

Performs the operation. Takes styles.

Animation utilities

csstr(props, dur, easing)

Performs the operation. Takes props, dur, easing.

cssan(nm, dur, op)

Performs the operation. Takes nm, dur, op.

Notes

CSS generation and manipulation helpers.