tailwind.config.js

const colors = require('tailwindcss/colors')

module.exports = {
  corePlugins: {
    preflight: true
  },
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
    defaultLineHeights: true,
    standardFontWeights: true
  },
  content: [
    "./src/main/resources/**/*.html",
    "./src/main/clojure/**/*.cljs"
  ],
  theme: {
    fontFamily: {
      sans: ['Inter', 'sans-serif'],
      mono: ['Space Mono'],
      "source-sans-pro": ['Source Sans Pro', 'sans-serif']
    },
    extend: {
      colors: {
        'convex-dark-blue': '#0F206C',
        'convex-medium-blue': '#416BA9',
        'convex-light-blue': '#6AAAE4',
        'convex-sky-blue': '#EBF7FF',
        'convex-white': '#F5F7FD'
      },
      typography: {
        DEFAULT: {
          css: {
            pre: {
              color: false,
              backgroundColor: false
            },
            a: {
              fontWeight: '500',
              textDecoration: 'underline',
              color: colors.blue['500']
            },
          },
        }
      }
    },
  },
  plugins: [
    require('@tailwindcss/typography')
  ]
}