@tw-fns/j20

J20 adapter of tw-fns.

Install

npm install tw-fns @tw-fns/j20
yarn add tw-fns @tw-fns/j20
pnpm add tw-fns @tw-fns/j20
bun install tw-fns @tw-fns/j20

Usage

// base styles
import "tw-fns/base.css";
import { createStyles } from "@tw-fns/j20";
import { build } from "tw-fns/builder";
import { flex } from "tw-fns/flex";
import { flex_col } from "tw-fns/flex_col";
import { items_center } from "tw-fns/items_center";
import { justify_center } from "tw-fns/justify_center";

const styles = createStyles({
  main: build(flex, flex_col, items_center, justify_center),
  content: build(text_2xl),
});

export default function App() {
  const cns = styles();

  return (
    <div className={cns.main}>
      <div className={cns.content}>Hello World</div>
    </div>
  );
}

API

• createStyles: create styles

License

MIT