49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
module.exports = {
|
|
mode: 'jit',
|
|
purge: [
|
|
'./public/**/*.php',
|
|
],
|
|
darkMode: 'media', // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
gridTemplateColumns: {
|
|
'layout': '1fr minmax(500px, 1fr)',
|
|
},
|
|
fontFamily: {
|
|
'din': ['D-DIN', 'sans-serif']
|
|
},
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
h1: {
|
|
color: theme('colors.bdazzledBlue'),
|
|
},
|
|
a: {
|
|
color: theme('colors.darkPastelRed'),
|
|
'&:hover': {
|
|
color: theme('colors.darkPastelRed'),
|
|
},
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
colors: {
|
|
transparent: 'transparent',
|
|
current: 'currentColor',
|
|
bdazzledBlue: '#3d5a80',
|
|
paleCerulean: '#98c1d9',
|
|
lightCyan: '#e0fbfc',
|
|
burntSienna: '#ee6c4d',
|
|
darkPastelRed: '#c93d19',
|
|
gunMetal: '#293241',
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {},
|
|
},
|
|
plugins: [
|
|
//require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
}
|