43 lines
984 B
JavaScript
43 lines
984 B
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme');
|
|
const colors = require('tailwindcss/colors');
|
|
const { tailwindExtractor } = require('tailwindcss/lib/lib/purgeUnusedStyles');
|
|
|
|
const svelteClassColonExtractor = (content) => {
|
|
return content.match(/(?<=class:)([a-zA-Z0-9_-]+)/gm) || [];
|
|
};
|
|
module.exports = {
|
|
mode: 'jit',
|
|
purge: ['./**/*.html', './src/**/*.{js,jsx,ts,tsx,svelte}'],
|
|
important: true,
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
wiggle: {
|
|
'0%, 100%': { transform: 'rotate(-3deg)' },
|
|
'50%': { transform: 'rotate(3deg)' }
|
|
}
|
|
},
|
|
animation: {
|
|
wiggle: 'wiggle 0.5s ease-in-out infinite'
|
|
},
|
|
fontFamily: {
|
|
sans: ['Montserrat', ...defaultTheme.fontFamily.sans]
|
|
},
|
|
colors: {
|
|
...colors,
|
|
coolblack: '#161616',
|
|
'coolgray-100': '#181818',
|
|
'coolgray-200': '#202020',
|
|
'coolgray-300': '#242424'
|
|
}
|
|
}
|
|
},
|
|
variants: {
|
|
extend: {
|
|
opacity: ['disabled'],
|
|
animation: ['hover', 'focus']
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|