@improv/core v0.10.1

@improv/core

Tiny framework agnostic CSS-in-JS utilities.

Try it on codesandbox.io.

Features

• SASS-like nested selectors and ampersand (&) references.
• CSS value arrays for browser compatibility fallbacks.
• At-rules (e.g. @media, @keyframes).
• Tagged templates.
• Written in Typescript.

Getting Started

import { getStyleSheet } from "@improv/core";

const sheet = getStyleSheet({
  body: {
    padding: 0,
  },
});

API

Utilities

• getId(prefix?)
  • Returns a unique identifier.
  • This function will work even if multiple versions of this library are in use.
• getStyleSheet(style?)
  • Returns a <style> element wrapper with utility methods: update(style) and destroy().
• getStyleText(style, namespaceSelector?)
  • Returns stylesheet text suitable for assignment to HTMLStyleElement.textContent.
• getBindings(options)
  • Returns framework (e.g. React or Preact) bindings: useStyle(), <Style>.
  • See @improv/react for pre-build React bindings.
  • See @improv/preact for pre-build Preact bindings.