diff --git a/__tests__/sanity.test.js b/__tests__/sanity.test.js index be15fff2a..05a1b6fed 100644 --- a/__tests__/sanity.test.js +++ b/__tests__/sanity.test.js @@ -30,13 +30,19 @@ it('does not add any CSS if no Tailwind features are used', () => { }) it('generates the right CSS with implicit screen utilities', () => { - const input = fs.readFileSync(path.resolve(`${__dirname}/fixtures/tailwind-input-with-explicit-screen-utilities.css`), 'utf8') + const input = fs.readFileSync( + path.resolve(`${__dirname}/fixtures/tailwind-input-with-explicit-screen-utilities.css`), + 'utf8' + ) return postcss([tailwind()]) .process(input) .then(result => { - const expected = fs.readFileSync(path.resolve(`${__dirname}/fixtures/tailwind-output-with-explicit-screen-utilities.css`), 'utf8') + const expected = fs.readFileSync( + path.resolve(`${__dirname}/fixtures/tailwind-output-with-explicit-screen-utilities.css`), + 'utf8' + ) expect(result.css).toBe(expected) }) -}) \ No newline at end of file +}) diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js index 73a89f8a2..7203d800a 100644 --- a/src/lib/substituteResponsiveAtRules.js +++ b/src/lib/substituteResponsiveAtRules.js @@ -29,13 +29,15 @@ export default function(config) { return cloned }) ) - finalRules.push(mediaQuery) - if (mediaQuery.nodes.length) { - css.append(mediaQuery) - } + finalRules.push(mediaQuery) }) + const hasScreenRules = finalRules.some(i => i.nodes.length !== 0) + if (!hasScreenRules) { + return + } + let includesScreenUtilitiesExplicitly = false css.walkAtRules('tailwind', atRule => { if (atRule.params === 'screens') { @@ -44,7 +46,7 @@ export default function(config) { } }) - if(! includesScreenUtilitiesExplicitly) { + if (!includesScreenUtilitiesExplicitly) { css.append(finalRules) } }