vitesse/tailwind.config.js
2020-08-11 18:41:21 +08:00

42 lines
892 B
JavaScript

/* eslint-disable @typescript-eslint/no-var-requires */
const { extractor } = require('variantwind')
module.exports = {
purge: {
content: [
'./index.html',
'./src/**/*.vue',
'./src/**/*.js',
'./src/**/*.ts',
],
options: {
whitelist: [
'schema-dark',
],
extractors: [
{
extractor,
extensions: ['vue'],
},
],
},
},
theme: {
darkSelector: '.schema-dark',
extend: {
opacity: {
10: '0.1',
85: '0.85',
},
},
},
variants: {
backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'hover'],
borderColor: ['dark', 'dark-disabled', 'dark-focus', 'dark-active', 'active', 'focus', 'disabled'],
textColor: ['dark', 'dark-hover', 'dark-active', 'hover', 'active'],
},
plugins: [
require('tailwindcss-dark-mode')(),
],
}