wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update priority order to (from the highest): active-hover-focus

Browse source
This commit is contained in:
fedeTibaldo 2018-02-19 17:23:22 +01:00
parent 62cf25f718
commit b7cb21360d
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
__tests__/variantsAtRule.test.js
View file

@ -101,12 +101,12 @@ test('it can generate hover, active and focus variants', () => {
const output = `
.banana { color: yellow; }
.chocolate { color: brown; }
.focus\\:banana:focus { color: yellow; }
.focus\\:chocolate:focus { color: brown; }
.hover\\:banana:hover { color: yellow; }
.hover\\:chocolate:hover { color: brown; }
.active\\:banana:active { color: yellow; }
.active\\:chocolate:active { color: brown; }
.focus\\:banana:focus { color: yellow; }
.focus\\:chocolate:focus { color: brown; }
`
return run(input).then(result => {
@ -127,10 +127,10 @@ test('it wraps the output in a responsive at-rule if responsive is included as a
@responsive {
.banana { color: yellow; }
.chocolate { color: brown; }
.hover\\:banana:hover { color: yellow; }
.hover\\:chocolate:hover { color: brown; }
.focus\\:banana:focus { color: yellow; }
.focus\\:chocolate:focus { color: brown; }
.hover\\:banana:hover { color: yellow; }
.hover\\:chocolate:hover { color: brown; }
}
`

2
src/lib/substituteVariantsAtRules.js
View file

@ -61,7 +61,7 @@ export default function(config) {
atRule.before(atRule.clone().nodes)
_.forEach(['hover', 'active', 'focus', 'group-hover'], variant => {
_.forEach(['focus', 'hover', 'active', 'group-hover'], variant => {
if (variants.includes(variant)) {
variantGenerators[variant](atRule, unwrappedConfig)
}