@theme-ui/tachyons

Generate static CSS for use outside of React with Theme UI and Tachyons.

Why?

Though Theme UI comes with its own implementation, project constraints might require pure utility CSS output. This library allows you to leverage a Theme UI theme that is used elsewhere and transforms it to the configuration that Tachyons expects. The best of both worlds.

Installation

yarn add @theme-ui/tachyons

Usage

Transform your Theme UI compliant theme config with the library:

// scripts/generate-tachyons-css.js
const toTachyons = require('@theme-ui/tachyons')
const tachyonsGenerator = require('tachyons-generator')
const theme = require('../theme')
module.exports = async () => {
  const { css } = await tachyonsGenerator(toTachyons(theme)).generate()
  return css
}