86 lines
2.3 KiB
JavaScript
86 lines
2.3 KiB
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx}',
|
|
'./components/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
animation: {
|
|
wiggle: 'wiggle 0.3s linear',
|
|
'wiggle-opposite': 'wiggleOpposite 0.3s linear',
|
|
},
|
|
backgroundImage: {
|
|
circles: "url('/assets/images/background-cicles.png')",
|
|
},
|
|
colors: {
|
|
'light-white': '#f6f4e9',
|
|
'app-shady-white': '#e6e6e6',
|
|
background: '#0D0F0B',
|
|
'background-header': '#131313',
|
|
primary: '#2f6af5',
|
|
seconday: '#fc4545',
|
|
'off-white': '#E5E7EB',
|
|
'app-pure-white': 'hsl(0, 0%, 100%)', // #FFFFFF
|
|
'app-red': 'hsl(0, 97%, 63%)', // #FC4747
|
|
'app-dark-blue': 'hsl(223, 30%, 9%)', // #10141E
|
|
'app-semi-dark-blue': 'hsl(223, 36%, 14%)', // #161D2F
|
|
'app-greyish-blue': 'hsl(223, 23%, 46%)', // #5A698F
|
|
'app-grey': 'hsl(225, 3%, 77%)', // #C3C4C7
|
|
'app-placeholder': 'hsl(223, 3%, 54%)', // #87898E
|
|
gray: {
|
|
100: '#f7fafc',
|
|
200: '#edf2f7',
|
|
300: '#e2e8f0',
|
|
400: '#cbd5e0',
|
|
500: '#a0aec0',
|
|
600: '#718096',
|
|
700: '#4a5568',
|
|
800: '#2d3748',
|
|
900: '#1a202c',
|
|
},
|
|
blue: {
|
|
100: '#ebf8ff',
|
|
200: '#bee3f8',
|
|
300: '#90cdf4',
|
|
400: '#63b3ed',
|
|
500: '#4299e1',
|
|
600: '#3182ce',
|
|
700: '#2b6cb0',
|
|
800: '#2c5282',
|
|
900: '#2a4365',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Outfit', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
fontSize: {
|
|
'app-heading-lg': '2rem',
|
|
'app-heading-md': '1.5rem',
|
|
'app-heading-sm': '1.5rem',
|
|
'app-heading-xs': '1.125rem',
|
|
'app-body-md': '0.9375rem',
|
|
'app-body-sm': '0.8125rem',
|
|
},
|
|
keyframes: {
|
|
wiggle: {
|
|
'0%, 100%': { transform: 'skewY(0deg)' },
|
|
'50%': { transform: 'skewY(-3deg)' },
|
|
},
|
|
wiggleOpposite: {
|
|
'0%, 100%': { transform: 'skewY(0deg)' },
|
|
'50%': { transform: 'skewY(3deg)' },
|
|
},
|
|
},
|
|
screens: {
|
|
'3xs': '320px',
|
|
'2xs': '375px',
|
|
xs: '420px',
|
|
...defaultTheme.screens,
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|