Create CSS classes with theme tokens

import { css } from "./theme";

const buttonClass = css({
  padding: "$medium $large",
  backgroundColor: "$primary",
  color: "$background",
  "&:hover": {
    opacity: 0.9,
  },
});
Copy

const responsiveClass = css({
  padding: "$small",
  mobile: {
    padding: "$medium",
  },
  desktop: {
    padding: "$large",
  },
});
Copy

const dynamicClass = css({
  backgroundColor: "$background",
  color: "$text",
});
Copy