4
0
forked from crowetic/commerce
commerce/tailwind.config.js
2020-10-20 15:56:21 -03:00

48 lines
1.3 KiB
JavaScript

module.exports = {
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true,
},
purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
backgroundOpacity: {
075: '0.75',
},
colors: {
primary: 'var(--primary)',
'primary-2': 'var(--primary-2)',
secondary: 'var(--secondary)',
'secondary-2': 'var(--secondary-2)',
hover: 'var(--hover)',
'accents-0': 'var(--accents-0)',
'accents-1': 'var(--accents-1)',
'accents-2': 'var(--accents-2)',
'accents-3': 'var(--accents-3)',
'accents-4': 'var(--accents-4)',
'accents-5': 'var(--accents-5)',
'accents-6': 'var(--accents-6)',
'accents-7': 'var(--accents-7)',
'accents-8': 'var(--accents-8)',
'accents-9': 'var(--accents-9)',
violet: 'var(--violet)',
pink: 'var(--pink)',
cyan: 'var(--cyan)',
blue: 'var(--blue)',
green: 'var(--green)',
red: 'var(--red)',
},
textColor: {
base: 'var(--text-base)',
primary: 'var(--text-primary)',
secondary: 'var(--text-secondary)',
},
},
},
variants: {},
plugins: [require('@tailwindcss/ui')],
experimental: {
applyComplexClasses: true,
},
}