62 lines
1.3 KiB
JavaScript
62 lines
1.3 KiB
JavaScript
|
const colors = require('tailwindcss/colors');
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
purge: {
|
||
|
|
content: ['./src/**/*.njk', './src/**/*.svg'],
|
||
|
|
layers: ['components', 'utilities'],
|
||
|
|
options: {
|
||
|
|
safelist: ['header-shadow', '-translate-y-full', 'hidden']
|
||
|
|
}
|
||
|
|
},
|
||
|
|
theme: {
|
||
|
|
screens: {
|
||
|
|
sm: '576px',
|
||
|
|
md: '768px',
|
||
|
|
lg: '1024px',
|
||
|
|
xl: '1280px'
|
||
|
|
},
|
||
|
|
colors: {
|
||
|
|
transparent: 'transparent',
|
||
|
|
current: 'currentColor',
|
||
|
|
black: colors.black,
|
||
|
|
white: colors.white,
|
||
|
|
gray: {
|
||
|
|
100: '#f7fafc',
|
||
|
|
200: '#edf2f7',
|
||
|
|
300: '#e2e8f0',
|
||
|
|
400: '#cbd5e0',
|
||
|
|
500: '#a0aec0',
|
||
|
|
600: '#718096',
|
||
|
|
700: '#4a5568',
|
||
|
|
800: '#2d3748',
|
||
|
|
900: '#1a202c'
|
||
|
|
},
|
||
|
|
teal: colors.teal
|
||
|
|
},
|
||
|
|
extend: {
|
||
|
|
typography: (theme) => ({
|
||
|
|
DEFAULT: {
|
||
|
|
css: {
|
||
|
|
'h1': {
|
||
|
|
fontWeight: '700'
|
||
|
|
},
|
||
|
|
'blockquote': {
|
||
|
|
fontWeight: 'normal',
|
||
|
|
color: theme('colors.gray.700')
|
||
|
|
},
|
||
|
|
'blockquote p:first-of-type::before': {
|
||
|
|
content: ''
|
||
|
|
},
|
||
|
|
'blockquote p:last-of-type::after': {
|
||
|
|
content: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
require('@tailwindcss/typography')
|
||
|
|
]
|
||
|
|
};
|