opdavies/oliverdavies.uk-drupal-old
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use extends for extending variants

Browse source
This commit is contained in:
Oliver Davies 2021-03-12 17:30:25 +00:00
parent a53900c8f0
commit 3832d7972d
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/themes/custom/opdavies/tailwind.config.js
View file

@ -1,12 +1,10 @@
const aspectRatio = require('@tailwindcss/aspect-ratio') const aspectRatio = require('@tailwindcss/aspect-ratio')
const colors = require('./tailwind-colours') const colors = require('./tailwind-colours')
const defaultConfig = require('tailwindcss/defaultConfig')
const defaultTheme = require('tailwindcss/defaultTheme') const defaultTheme = require('tailwindcss/defaultTheme')
const focusVisible = require('./tailwind-plugin-focus-visible') const focusVisible = require('./tailwind-plugin-focus-visible')
const forms = require('@tailwindcss/forms') const forms = require('@tailwindcss/forms')
const typography = require('@tailwindcss/typography') const typography = require('@tailwindcss/typography')
const { fontFamily } = defaultTheme const { fontFamily } = defaultTheme
const { variants } = defaultConfig
module.exports = { module.exports = {
darkMode: 'media', darkMode: 'media',
@ -99,13 +97,12 @@ module.exports = {
typography typography
], ],
variants: { variants: {
borderColor: [...variants.borderColor, 'focus-visible'],
borderStyle: [...variants.borderStyle, 'hover', 'focus'],
borderWidth: [...variants.borderWidth, 'hover', 'focus'],
margin: [...variants.margin, 'first', 'last', 'odd', 'even'],
typography: ['responsive'],
extend: { extend: {
typography: ['dark'] borderColor: ['focus-visible'],
borderStyle: ['hover', 'focus'],
borderWidth: ['hover', 'focus'],
margin: ['first', 'last', 'odd', 'even'],
typography: ['responsive', 'dark']
} }
} }
} }