An abstraction over twind which allows creating re-usable styles that can then be inlined into HTML or JSX classes.

Example

import { createStyle, h } from "https://deno.land/x/nat/mod.ts";

const style = createStyle({
  title: "font-xl bold",
  link: "underline",
});

function App() {
  return (
    <div>
      <h1 class={style("title")}>Title<h1>
      <a href="./a" class={style("link")}>a</a>
    </div>
  );
}