@bronzelabs/oakma-tailwind-preset

This package contains the Oakma Tailwind preset.

The default exported preset includes all of the Oakma's foundation styles (typography, colors, spacing, etc…) and all the needed configuration for component-specific classes used internally.

Installation

npm i @bronzelabs/oakma-tailwind-preset

Usage

In your main .css file, add the following:

@import "@bronzelabs/oakma-tailwind-preset";

As an example, the classNames applied below become available right away. They apply, respectively, the CSS properties color with the value of the theme token teal.50 and background-color with the value of the theme token coral.100.

export const MyComponent = () => {
  return (
    <p className="text-teal-50 bg-coral-100">
      Hello World
    </p>
  )
}