tailwind.config.js

/* eslint-disable */
const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  content: [
    './src/pages/**/*.{js,jsx}',
    './src/components/**/*.{js,jsx}',
    './src/theme/**/*.{js,jsx}',
    './src/assets/**/*.{js,jsx}',
    './docs/**/**/*.{md,mdx}',
  ],
  corePlugins: {
    preflight: false,
  },
  theme: {
    extend: {
      fontFamily: {
        body: ['"Open Sans"', defaultTheme.fontFamily.body],
        display: ['"Lato"', defaultTheme.fontFamily.display],
        mono: ['"Source Code Pro"', defaultTheme.fontFamily.mono],
      },
      fontSize: {
        'base': '0.9375rem'
      },
      screens: {
        lg: '997px',
      },
      colors: {
        primary: {
          DEFAULT: 'var(--docs-color-primary)',
          100: 'var(--docs-color-primary-100)',
        },
        text: {
          DEFAULT: 'var(--docs-color-text)',
          100: 'var(--docs-color-text-100)',
        },
        border: 'var(--docs-color-border)',
        background: {
          DEFAULT: 'var(--docs-color-background)',
          100: 'var(--docs-color-background-100)',
          200: 'var(--docs-color-background-200)',
          300: 'var(--docs-color-background-300)',
        },
      },
    },
  },
};