@metamodern/design-system

An approach to layout, typography & color with Tailwind CSS

Usage with PostCSS

// postcss.config.js

const designSystem = require('@metamodern/design-system');
const tailwindcss = require('tailwindcss');

// set any configuration options (see documentation)
const configOptions = {};

module.exports = {
  plugins: [
    // syntax-parsing plugins (postcss-import) go before
    tailwindcss(designSystem(configOptions)),
    // postprocessing plugins (autoprefixer) go after
  ],
};

Documentation

See our website at http://system.metamodern.design.