64 lines
1.3 KiB
JavaScript
64 lines
1.3 KiB
JavaScript
const colors = require('./tools/tailwindcss/colours')
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
const { fontFamily } = defaultTheme
|
|
|
|
module.exports = {
|
|
darkMode: 'media',
|
|
important: true,
|
|
purge: {
|
|
content: [
|
|
'tools/tailwindcss/safelist-classes.txt',
|
|
'source/**/*.{md,twig}',
|
|
],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
p: {
|
|
lineHeight: 400
|
|
}
|
|
}
|
|
}
|
|
}),
|
|
colors,
|
|
fontFamily: {
|
|
sans: [
|
|
'Roboto Condensed',
|
|
'Arial',
|
|
'Helvetica Neue',
|
|
'Helvetica',
|
|
'sans-serif',
|
|
],
|
|
mono: [
|
|
'ui-monospace',
|
|
'SFMono-Regular',
|
|
'SF Mono',
|
|
'Consolas',
|
|
'Liberation Mono',
|
|
...fontFamily.mono
|
|
]
|
|
},
|
|
spacing: {
|
|
'2px': '2px'
|
|
},
|
|
borderWidth: {
|
|
3: '3px'
|
|
},
|
|
width: {
|
|
96: '24rem'
|
|
}
|
|
}
|
|
},
|
|
corePlugins: {
|
|
container: false
|
|
},
|
|
plugins: [
|
|
require('./tools/tailwindcss/plugins/focus-visible'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography')
|
|
]
|
|
}
|