const colors = require("tailwindcss/colors"); const plugin = require("tailwindcss/plugin"); /** @type {import('tailwindcss').Config} */ module.exports = { content: ["source/**/*.{md,html.twig}"], theme: { extend: { colors: { gray: { 750: "#343a40", ...colors.neutral, }, }, fontFamily: { sans: [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", ], }, }, }, plugins: [ require("@tailwindcss/typography"), plugin(({ addVariant }) => { addVariant("hocus", ["&:hover", "&:focus"]); }), ], };