first

node_modules/postcss-px-to-viewport/example/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var fs = require('fs');
+var postcss = require('postcss');
+var pxToViewport = require('..');
+var css = fs.readFileSync('main.css', 'utf8');
+
+var processedCss = postcss(pxToViewport()).process(css).css;
+
+fs.writeFile('main-viewport.css', processedCss, function (err) {
+  if (err) {
+    throw err;
+  }
+  console.log('File with viewport units written.');
+});

node_modules/postcss-px-to-viewport/example/main-viewport.css

@@ -0,0 +1,26 @@
+.class {
+  margin: -3.125vw .5vh;
+  padding: 5vmin 2.96875vw 1px;
+  border: 0.9375vw solid black;
+  border-bottom-width: 1px;
+  font-size: 4.375vw;
+  line-height: 6.25vw;
+}
+.class2 {
+  border: 1px solid black;
+  margin-bottom: 1px;
+  font-size: 6.25vw;
+  line-height: 9.375vw;
+}
+@media (min-width: 750px) {
+  .class3 {
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
+
+/*
+.class {
+    font-size: 16px;
+}
+*/

node_modules/postcss-px-to-viewport/example/main.css

@@ -0,0 +1,26 @@
+.class {
+  margin: -10px .5vh;
+  padding: 5vmin 9.5px 1px;
+  border: 3px solid black;
+  border-bottom-width: 1px;
+  font-size: 14px;
+  line-height: 20px;
+}
+.class2 {
+  border: 1px solid black;
+  margin-bottom: 1px;
+  font-size: 20px;
+  line-height: 30px;
+}
+@media (min-width: 750px) {
+  .class3 {
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
+
+/*
+.class {
+    font-size: 16px;
+}
+*/