|
|
|
const defaultTheme = require('tailwindcss/defaultTheme');
|
|
|
|
const colors = require('tailwindcss/colors');
|
|
|
|
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
|
|
content: ['./src/**/*.{js,jsx,ts,tsx,md,mdx}'],
|
|
|
|
theme: {
|
|
|
|
extend: {
|
|
|
|
fontFamily: {
|
|
|
|
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
|
|
|
|
},
|
|
|
|
colors: {
|
|
|
|
primary: colors.indigo,
|
|
|
|
danger: colors.rose,
|
|
|
|
info: colors.sky,
|
|
|
|
success: colors.emerald,
|
|
|
|
warning: colors.amber,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
plugins: [
|
|
|
|
require('@tailwindcss/aspect-ratio'),
|
|
|
|
require('@tailwindcss/forms'),
|
|
|
|
require('@tailwindcss/line-clamp'),
|
|
|
|
require('@tailwindcss/typography'),
|
|
|
|
require('tailwind-scrollbar-hide'),
|
|
|
|
],
|
|
|
|
};
|