refactor: convert tailwind configto es module

This commit is contained in:
Victor Gerbrands 2023-05-08 14:59:41 +02:00
parent 804b76d3a2
commit a1045e53e0

View File

@ -1,21 +1,20 @@
const plugin = require('tailwindcss/plugin'); import { neutral } from 'tailwindcss/colors';
const colors = require('tailwindcss/colors'); import plugin from 'tailwindcss/plugin';
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { export const content = [
content: [
'./pages/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}',
'./icons/**/*.{js,ts,jsx,tsx}', './icons/**/*.{js,ts,jsx,tsx}',
'./app/**/*.{js,ts,jsx,tsx}' './app/**/*.{js,ts,jsx,tsx}'
], ];
theme: { export const theme = {
extend: { extend: {
fontFamily: { fontFamily: {
sans: ['var(--font-inter)'] sans: ['var(--font-inter)']
}, },
colors: { colors: {
gray: colors.neutral, gray: neutral,
hotPink: '#FF1966', hotPink: '#FF1966',
dark: '#111111', dark: '#111111',
light: '#FAFAFA', light: '#FAFAFA',
@ -42,11 +41,11 @@ module.exports = {
blink: 'blink 1.4s both infinite' blink: 'blink 1.4s both infinite'
} }
} }
}, };
future: { export const future = {
hoverOnlyWhenSupported: true hoverOnlyWhenSupported: true
}, };
plugins: [ export const plugins = [
require('@tailwindcss/typography'), require('@tailwindcss/typography'),
plugin(({ matchUtilities, theme }) => { plugin(({ matchUtilities, theme }) => {
matchUtilities( matchUtilities(
@ -62,5 +61,4 @@ module.exports = {
} }
); );
}) })
] ];
};