Fix interaction styles

This commit is contained in:
Oliver Davies 2019-04-11 10:12:59 +01:00
parent f3a6960919
commit 0542f33d53
3 changed files with 907 additions and 1085 deletions

View file

@ -1,4 +1,5 @@
let defaultTheme = require('tailwindcss/defaultTheme')
const defaultConfig = require('tailwindcss/defaultConfig')
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
prefix: 'tw-',
@ -11,11 +12,12 @@ module.exports = {
'pink-600': '#ec16a8',
'purple-600': '#b33ee9',
},
variants: {
textStyle: ['responsive', 'hover', 'focus', 'hocus'],
},
},
},
variants: {
textColor: [...defaultConfig.variants.textColor, 'hocus'],
fontStyle: [...defaultConfig.variants.fontStyle, 'hocus']
},
plugins: [
require('tailwindcss-interaction-variants')(),
require('tailwindcss-spaced-items')({ values: defaultTheme.spacing }),