Use custom version of postcss-vertical-rhythm

Author: James Kolce

package.json

@@ -18,7 +18,7 @@
     "postcss": "^5.0.21",
     "postcss-custom-media": "^5.0.1",
     "postcss-media-minmax": "^2.1.2",
-    "postcss-vertical-rhythm": "^1.1.5"
+    "postcss-vertical-rhythm": "jameskolce/postcss-vertical-rhythm"
   },
   "devDependencies": {
     "tape": "^4.5.1"

test/fixtures/verticalRhythm/verticalRhythm.css

@@ -1,8 +1,20 @@
 :root {
-  font: 16px/2 serif;
+  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: 32px;
-  padding-top: 16px;
+  margin-bottom: 24px;
+  padding-top: 12px;
 }

test/fixtures/verticalRhythm/verticalRhythm.scss

@@ -1,5 +1,15 @@
 :root {
-  font: 16px/2 serif;
+  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 {