Presets

These styles will be added to your tailwind config file.

{
	theme: {
		extend: {
			spacing: generateSpacing([
				4.5, 5.5, 6.5, 7.5, 8.5, 9.5,
				13, 15, 17, 18, 19, 21, 22, 23,
			]),
			minWidth: ({ theme }) => theme('spacing'),
			maxWidth: ({ theme }) => theme('spacing'),
			minHeight: ({ theme }) => theme('spacing'),
			maxHeight: ({ theme }) => theme('spacing'),
			zIndex: {
				1: '1',
				2: '2',
				3: '3',
				4: '4',
			},
			blur: {
				px: '1px',
				xs: '2px',
			},
			borderWidth: {
				3: '3px',
			},
			ringWidth: {
				3: '3px',
			},
			ringOffsetWidth: {
				3: '3px',
			},
			outlineOffset: {
				3: '3px',
			},
			fontSize: {
				'2xs': ['0.625rem', { lineHeight: '1' }],
			},
			letterSpacing: {
				'widest-2': '.25em',
				'widest-3': '.5em',
				'widest-4': '.75em',
				'widest-5': '1em',
			},
		},
	},
}

How to disable it?

tailwindcssAddons({
  presets: false,
})
Return to top