Destucture defaultConfig and defaultTheme

This commit is contained in:
Oliver Davies 2019-05-10 21:49:48 +01:00
parent caa5b6d460
commit 2ef1346988

View file

@ -1,5 +1,5 @@
let defaultConfig = require('tailwindcss/defaultConfig') const { variants } = require('tailwindcss/defaultConfig')
let defaultTheme = require('tailwindcss/defaultTheme') const { fontFamily, spacing } = require('tailwindcss/defaultTheme')
module.exports = { module.exports = {
theme: { theme: {
@ -8,7 +8,7 @@ module.exports = {
inherit: 'inherit', inherit: 'inherit',
}, },
fontFamily: { fontFamily: {
mono: ['Roboto Mono', ...defaultTheme.fontFamily.mono], mono: ['Roboto Mono', ...fontFamily.mono],
}, },
spacing: { spacing: {
'2px': '2px', '2px': '2px',
@ -19,13 +19,13 @@ module.exports = {
} }
}, },
plugins: [ plugins: [
require('tailwindcss-spaced-items')({ values: defaultTheme.spacing }), require('tailwindcss-spaced-items')({ values: spacing }),
require('tailwindcss-visuallyhidden')(), require('tailwindcss-visuallyhidden')(),
require('tailwindcss-skip-link')(), require('tailwindcss-skip-link')(),
require('tailwindcss-vuejs')() require('tailwindcss-vuejs')()
], ],
variants: { variants: {
borderStyle: [...defaultConfig.variants.borderStyle, 'hover', 'focus'], borderStyle: [...variants.borderStyle, 'hover', 'focus'],
borderWidth: [...defaultConfig.variants.borderStyle, 'hover', 'focus'] borderWidth: [...variants.borderStyle, 'hover', 'focus']
} }
} }