65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
||
|
|
||
|
module.exports = {
|
||
|
future: {
|
||
|
removeDeprecatedGapUtilities: true,
|
||
|
purgeLayersByDefault: true
|
||
|
},
|
||
|
purge: {
|
||
|
// https://medium.com/@kyis/vue-tailwind-purgecss-the-right-way-c70d04461475
|
||
|
content: [`./public/**/*.html`, `./src/**/*.vue`, `./src/**/*.js`],
|
||
|
defaultExtractor(content) {
|
||
|
const contentWithoutStyleBlocks = content.replace(/<style[^]+?<\/style>/gi, '')
|
||
|
return contentWithoutStyleBlocks.match(/[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g) || []
|
||
|
},
|
||
|
whitelist: [],
|
||
|
whitelistPatterns: [
|
||
|
/-(leave|enter|appear)(|-(to|from|active))$/,
|
||
|
/^(?!(|.*?:)cursor-move).+-move$/,
|
||
|
/^router-link(|-exact)-active$/
|
||
|
]
|
||
|
},
|
||
|
theme: {
|
||
|
extend: {
|
||
|
colors: {
|
||
|
grayscale: {
|
||
|
100: 'hsl(0, 0%, 10%)',
|
||
|
200: 'hsl(0, 0%, 20%)',
|
||
|
300: 'hsl(0, 0%, 30%)',
|
||
|
400: 'hsl(0, 0%, 40%)',
|
||
|
500: 'hsl(0, 0%, 50%)',
|
||
|
600: 'hsl(0, 0%, 60%)',
|
||
|
700: 'hsl(0, 0%, 70%)',
|
||
|
800: 'hsl(0, 0%, 80%)',
|
||
|
840: 'hsl(0, 0%, 84%)', // Remove maybe
|
||
|
870: 'hsl(0, 0%, 87%)', // Remove maybe
|
||
|
900: 'hsl(0, 0%, 90%)',
|
||
|
930: 'hsl(0, 0%, 93%)' // Remove maybe
|
||
|
},
|
||
|
primary: 'hsl(210, 100%, 52%)',
|
||
|
background: {
|
||
|
main: 'var(--main-background)',
|
||
|
secondary: 'var(--secondary-background)'
|
||
|
},
|
||
|
foreground: 'var(--foreground)',
|
||
|
panels: {
|
||
|
bg: 'var(--panels-background)'
|
||
|
}
|
||
|
},
|
||
|
fontFamily: {
|
||
|
sans: ['Open Sans', ...defaultTheme.fontFamily.sans]
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
variants: {
|
||
|
textColor: ({ after }) => after(['group-hover']),
|
||
|
margin: ({ before }) => before(['first']),
|
||
|
borderWidth: ['responsive', 'first', 'hover', 'focus'],
|
||
|
cursor: ['responsive', 'hover']
|
||
|
},
|
||
|
corePlugins: {
|
||
|
preflight: false
|
||
|
},
|
||
|
plugins: []
|
||
|
}
|