Generate focus, focus-within, and dark variants for ring utilities

This commit is contained in:
Adam Wathan 2020-11-12 08:45:21 -05:00
parent 93b431d9e7
commit e0788efd4f
6 changed files with 40085 additions and 4 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -39,6 +39,7 @@ Promise.all([
buildDistFile('components'),
buildDistFile('utilities'),
buildDistFile('tailwind'),
buildDistFile('tailwind', { darkMode: 'class' }, 'tailwind-dark'),
buildDistFile('tailwind', { future: 'all', experimental: 'all' }, 'tailwind-experimental'),
]).then(() => {
console.log('Finished Building Tailwind!')

View File

@ -819,10 +819,10 @@ module.exports = {
pointerEvents: ['responsive'],
position: ['responsive'],
resize: ['responsive'],
ringColor: ['responsive'],
ringOffsetColor: ['responsive'],
ringOffsetWidth: ['responsive'],
ringOpacity: ['responsive'],
ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
ringOpacity: ['responsive', 'focus-within', 'focus'],
ringWidth: ['responsive', 'focus-within', 'focus'],
rotate: ['responsive', 'hover', 'focus'],
scale: ['responsive', 'hover', 'focus'],