[ref: #8] Add pr unit to transform px to rem

Author: James Kolce

lib/compile.js

@@ -8,6 +8,7 @@ module.exports = (file) => {
 
   return postcss([
     require('postcss-lh'),
+    require('postcss-pr'),
     require('postcss-custom-media'),
     require('postcss-media-minmax'),
     require('autoprefixer')

package.json

@@ -17,8 +17,9 @@
     "node-sass": "^3.7.0",
     "postcss": "^5.0.21",
     "postcss-custom-media": "^5.0.1",
+    "postcss-lh": "jameskolce/postcss-lh",
     "postcss-media-minmax": "^2.1.2",
-    "postcss-lh": "jameskolce/postcss-lh"
+    "postcss-pr": "^1.0.0"
   },
   "devDependencies": {
     "tape": "^4.5.1"

test/fixtures/pxToRem/pxToRem.css

@@ -0,0 +1,20 @@
+:root {
+  font: 16px / 1.5 "Helvetica", "Arial", sans-serif;
+}
+
+@media (max-width: 500px) {
+  :root {
+    font-size: 14px;
+  }
+}
+
+@media print {
+  :root {
+    font: 11pt / 1.3 "Georgia", "Times New Roman", "Times", serif;
+  }
+}
+
+p {
+  margin-bottom: 1.5rem;
+  padding-top: 2rem;
+}

test/fixtures/pxToRem/pxToRem.scss

@@ -0,0 +1,18 @@
+:root {
+  font: 16px / 1.5 "Helvetica", "Arial", sans-serif;
+
+  @media (max-width: 500px) {
+    font-size: 14px;
+  }
+}
+
+@media print {
+  :root {
+    font: 11pt / 1.3 "Georgia", "Times New Roman", "Times", serif;
+  }
+}
+
+p {
+  margin-bottom: 24pr;
+  padding-top: 32pr;
+}

test/index.js

@@ -30,5 +30,10 @@ test('units', (t) => {
     expected('verticalRhythm'),
     'should be added');
 
+  t.equal(
+    actual('pxToRem'),
+    expected('pxToRem'),
+    'should be added');
+
   t.end();
 });