Replace postcss-vertical-rhythm with postcss-lh

Author: James Kolce

lib/compile.js

@@ -7,10 +7,7 @@ module.exports = (file) => {
   }).css;
 
   return postcss([
-    require('postcss-vertical-rhythm')({
-      rootSelector: ':root',
-      rhythmUnit: 'lh'
-    }),
+    require('postcss-lh'),
     require('postcss-custom-media'),
     require('postcss-media-minmax'),
     require('autoprefixer')

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": "jameskolce/postcss-lh"
+    "postcss-lh": "jameskolce/postcss-lh"
   },
   "devDependencies": {
     "tape": "^4.5.1"

test/fixtures/verticalRhythm/verticalRhythm.css

@@ -15,6 +15,6 @@
 }
 
 p {
-  margin-bottom: 24px;
-  padding-top: 12px;
+  margin-bottom: 1.5rem;
+  padding-top: 0.75rem;
 }