How to use the tailwindcss/defaultConfig.variants function in tailwindcss

To help you get started, we’ve selected a few tailwindcss examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github glhd / aire / tailwind.config.js View on Github external
const defaultConfig = require('tailwindcss/defaultConfig');

module.exports = {
	theme: {
		colors: {
			...defaultConfig.theme.colors,
			'salmon': '#f4645f',
		},
		maxWidth: {
			...defaultConfig.theme.maxWidth,
			'4/5': '80%',
		},
	},
	variants: {
		...defaultConfig.variants,
		textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	},
	plugins: [
		require('@tailwindcss/custom-forms'),
	],
};