mango-token-sale/tailwind.config.js

69 lines
1.7 KiB
JavaScript

module.exports = {
mode: 'jit',
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true,
},
darkMode: false,
theme: {
fontFamily: {
display: ['PT Mono, monospace'],
body: ['Lato, sans-serif'],
},
extend: {
cursor: {
help: 'help',
},
colors: {
primary: { light: '#F2C94C', dark: '#EEB91B' },
'secondary-1': { light: '#AFD803', dark: '#6CBF00' },
'secondary-2': { light: '#E54033', dark: '#C7251A' },
'secondary-3': { light: '#026DF7', dark: '#0259CA' },
'secondary-4': { light: '#262145', dark: '#1B1735' },
'bkg-1': '#141125',
'bkg-2': '#242132',
'bkg-3': '#393549',
'bkg-4': '#4F4B63',
'fgd-1': '#F0EDFF',
'fgd-2': '#FCFCFF',
'fgd-3': '#B9B5CE',
'fgd-4': '#706C81',
},
animation: {
'connect-wallet-ping':
'connect-wallet-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite',
gradient: 'gradient 4s ease-in-out infinite',
},
keyframes: {
'connect-wallet-ping': {
'75%, 100%': {
transform: 'scale(1.06, 1.3)',
opacity: '10%',
},
},
gradient: {
'0%': {
'background-position': '15% 0%',
},
'50%': {
'background-position': '85% 100%',
},
'100%': {
'background-position': '15% 0%',
},
},
},
},
},
variants: {
extend: {
cursor: ['hover', 'focus', 'disabled'],
opacity: ['disabled'],
backgroundColor: ['disabled'],
textColor: ['disabled'],
},
},
plugins: [],
}