[fix: #14] Add postcss-input-range

Author: James Kolce

lib/compile.js

@@ -7,6 +7,7 @@ module.exports = (file) => {
   }).css;
 
   return postcss([
+    require('postcss-input-range'),
     require('postcss-lh'),
     require('postcss-custom-media'),
     require('postcss-media-minmax'),

test/fixtures/input-range/input-range.css

@@ -0,0 +1,29 @@
+::-moz-range-track {
+    background: #3071a9;
+    width: 100%
+}
+
+::-ms-track {
+    background: #3071a9;
+    width: 100%
+}
+
+::-webkit-slider-runnable-track {
+    background: #3071a9;
+    width: 100%
+}
+
+::-moz-range-thumb {
+    border-radius: 3px;
+    cursor: pointer
+}
+
+::-ms-thumb {
+    border-radius: 3px;
+    cursor: pointer
+}
+
+::-webkit-slider-thumb {
+    border-radius: 3px;
+    cursor: pointer
+}

test/fixtures/input-range/input-range.scss

@@ -0,0 +1,9 @@
+::range-track {
+    background: #3071a9;
+    width: 100%;
+}
+
+::range-thumb {
+    border-radius: 3px;
+    cursor: pointer;
+}

test/index.js

@@ -32,3 +32,12 @@ test('units', (t) => {
 
   t.end();
 });
+
+test('range input', (t) => {
+  t.equal(
+    actual('input-range'),
+    expected('input-range'),
+    'should be transformed');
+
+  t.end();
+});