Merge pull request #65 from tailwindcss/split-dist

Create separate dist files for preflight, utilities, and full blown Tailwind

Author: adamwathan

__tests__/fixtures/tailwind-input.css

@@ -0,0 +1,10 @@
+@tailwind preflight;
+
+@tailwind utilities;
+
+@responsive {
+    .example {
+        @apply .font-bold;
+        color: config('colors.red');
+    }
+}

__tests__/fixtures/tailwind.css renamed to __tests__/fixtures/tailwind-output.css

@@ -7,12 +7,12 @@ import tailwind from '../src/index'
  * Tests
  */
 it('generates the right CSS', () => {
-  const input = fs.readFileSync(path.resolve(`${__dirname}/../css/tailwind.css`), 'utf8')
+  const input = fs.readFileSync(path.resolve(`${__dirname}/fixtures/tailwind-input.css`), 'utf8')
 
   return postcss([tailwind()])
     .process(input)
     .then(result => {
-      const expected = fs.readFileSync(path.resolve(`${__dirname}/fixtures/tailwind.css`), 'utf8')
+      const expected = fs.readFileSync(path.resolve(`${__dirname}/fixtures/tailwind-output.css`), 'utf8')
 
       expect(result.css).toBe(expected)
     })

__tests__/sanity.test.js

@@ -1,10 +1,3 @@
 @tailwind preflight;
 
 @tailwind utilities;
-
-@responsive {
-    .example {
-        @apply .font-bold;
-        color: config('colors.red');
-    }
-}

css/tailwind.css

@@ -0,0 +1 @@
+@tailwind utilities;