diff --git a/__tests__/focusableAtRule.test.js b/__tests__/focusableAtRule.test.js deleted file mode 100644 index 3fc66a69b..000000000 --- a/__tests__/focusableAtRule.test.js +++ /dev/null @@ -1,30 +0,0 @@ -import postcss from 'postcss' -import plugin from '../src/lib/substituteFocusableAtRules' -import config from '../defaultConfig.stub.js' - -const separator = config.options.separator - -function run(input, opts = () => config) { - return postcss([plugin(opts)]).process(input) -} - -test('it adds a focusable variant to each nested class definition', () => { - const input = ` - @focusable { - .banana { color: yellow; } - .chocolate { color: brown; } - } - ` - - const output = ` - .banana { color: yellow; } - .chocolate { color: brown; } - .focus${separator}banana:focus { color: yellow; } - .focus${separator}chocolate:focus { color: brown; } - ` - - return run(input).then(result => { - expect(result.css).toMatchCss(output) - expect(result.warnings().length).toBe(0) - }) -}) diff --git a/__tests__/hoverableAtRule.test.js b/__tests__/hoverableAtRule.test.js deleted file mode 100644 index 2aeb5ccfa..000000000 --- a/__tests__/hoverableAtRule.test.js +++ /dev/null @@ -1,30 +0,0 @@ -import postcss from 'postcss' -import plugin from '../src/lib/substituteHoverableAtRules' -import config from '../defaultConfig.stub.js' - -const separator = config.options.separator - -function run(input, opts = () => config) { - return postcss([plugin(opts)]).process(input) -} - -test('it adds a hoverable variant to each nested class definition', () => { - const input = ` - @hoverable { - .banana { color: yellow; } - .chocolate { color: brown; } - } - ` - - const output = ` - .banana { color: yellow; } - .chocolate { color: brown; } - .hover${separator}banana:hover { color: yellow; } - .hover${separator}chocolate:hover { color: brown; } - ` - - return run(input).then(result => { - expect(result.css).toMatchCss(output) - expect(result.warnings().length).toBe(0) - }) -}) diff --git a/src/index.js b/src/index.js index 431f64a6e..0bdccc140 100644 --- a/src/index.js +++ b/src/index.js @@ -8,8 +8,6 @@ import registerConfigAsDependency from './lib/registerConfigAsDependency' import substituteTailwindPreflightAtRule from './lib/substituteTailwindPreflightAtRule' import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions' import substituteTailwindUtilitiesAtRules from './lib/substituteTailwindUtilitiesAtRules' -import substituteHoverableAtRules from './lib/substituteHoverableAtRules' -import substituteFocusableAtRules from './lib/substituteFocusableAtRules' import substituteVariantsAtRules from './lib/substituteVariantsAtRules' import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules' import substituteScreenAtRules from './lib/substituteScreenAtRules' @@ -39,8 +37,6 @@ const plugin = postcss.plugin('tailwind', config => { substituteTailwindPreflightAtRule(lazyConfig), evaluateTailwindFunctions(lazyConfig), substituteTailwindUtilitiesAtRules(lazyConfig), - substituteHoverableAtRules(lazyConfig), - substituteFocusableAtRules(lazyConfig), substituteVariantsAtRules(lazyConfig), substituteResponsiveAtRules(lazyConfig), substituteScreenAtRules(lazyConfig), diff --git a/src/lib/substituteFocusableAtRules.js b/src/lib/substituteFocusableAtRules.js deleted file mode 100644 index 7c681b236..000000000 --- a/src/lib/substituteFocusableAtRules.js +++ /dev/null @@ -1,19 +0,0 @@ -export default function(config) { - return function(css) { - const separator = config().options.separator - css.walkAtRules('focusable', atRule => { - const clonedRule = atRule.clone() - - clonedRule.walkRules(rule => { - // Might be wise to error if the rule has multiple selectors, - // or weird compound selectors like .bg-blue>p>h1 - rule.selector = `.focus${separator}${rule.selector.slice(1)}:focus` - }) - - atRule.before(atRule.clone().nodes) - atRule.after(clonedRule.nodes) - - atRule.remove() - }) - } -} diff --git a/src/lib/substituteHoverableAtRules.js b/src/lib/substituteHoverableAtRules.js deleted file mode 100644 index d5b9c0319..000000000 --- a/src/lib/substituteHoverableAtRules.js +++ /dev/null @@ -1,19 +0,0 @@ -export default function(config) { - return function(css) { - const separator = config().options.separator - css.walkAtRules('hoverable', atRule => { - const clonedRule = atRule.clone() - - clonedRule.walkRules(rule => { - // Might be wise to error if the rule has multiple selectors, - // or weird compound selectors like .bg-blue>p>h1 - rule.selector = `.hover${separator}${rule.selector.slice(1)}:hover` - }) - - atRule.before(atRule.clone().nodes) - atRule.after(clonedRule.nodes) - - atRule.remove() - }) - } -}