Examples

16 files changed, 389 insertions, 128 deletions

diff --git a/examples/less/gulp/dest/main.css b/examples/less/gulp/dest/main.css
new file mode 100644
index 0000000..3cbc50c
--- /dev/null
+++ b/examples/less/gulp/dest/main.css
@@ -0,0 +1,66 @@
+/* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+}
+.selector-1,
+.disable-responsive-font-size .selector-1,
+.selector-1.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-1 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* responsive-font-size property with `rem` unit */
+.selector-2,
+.disable-responsive-font-size .selector-2,
+.selector-2.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-2 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* responsive-font-size property with !important */
+.selector-3,
+.disable-responsive-font-size .selector-3,
+.selector-3.disable-responsive-font-size {
+  font-size: 2rem  !important;
+}
+@media (max-width: 1200px) {
+  .selector-3 {
+    font-size: calc(1.2rem + 1.06666667vw)  !important;
+  }
+}
+/* rfs shorthand */
+.selector-4,
+.disable-responsive-font-size .selector-4,
+.selector-4.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-4 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* not supported unit */
+/* special value */
+.selector-6 {
+  font-size: inherit ;
+}
+/* responsive-font-size property inside @support-query */
+@supports (display: flex) {
+  .selector-7,
+  .disable-responsive-font-size .selector-7,
+  .selector-7.disable-responsive-font-size {
+    font-size: 1.75rem ;
+  }
+  @media (max-width: 1200px) {
+    .selector-7 {
+      font-size: calc(1.15rem + 0.8vw) ;
+    }
+  }
+}
diff --git a/examples/less/gulp/gulpfile.js b/examples/less/gulp/gulpfile.js
new file mode 100644
index 0000000..8108a99
--- /dev/null
+++ b/examples/less/gulp/gulpfile.js
@@ -0,0 +1,14 @@
+'use strict';
+
+const gulp = require('gulp'),
+ less = require('gulp-less');
+
+gulp.task('build', function () {
+  return gulp.src('./src/**/*.less')
+    .pipe(less())
+    .pipe(gulp.dest('./dest'));
+});
+
+gulp.task('watch', function () {
+  gulp.watch('./src/**/*.less', ['build']);
+});
diff --git a/examples/less/gulp/src/main.less b/examples/less/gulp/src/main.less
new file mode 100644
index 0000000..e0ed5e0
--- /dev/null
+++ b/examples/less/gulp/src/main.less
@@ -0,0 +1,40 @@
+@import "../../../../less/rfs";
+
+/* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+  .responsive-font-size(32px);
+}
+
+/* responsive-font-size property with `rem` unit */
+.selector-2 {
+  .responsive-font-size(2rem);
+}
+
+/* responsive-font-size property with !important */
+.selector-3 {
+  .responsive-font-size(2rem, true);
+}
+
+/* rfs shorthand */
+.selector-4 {
+  .rfs(2rem);
+}
+
+/* not supported unit */
+.selector-5 {
+  .responsive-font-size(2em);
+}
+
+/* special value */
+.selector-6 {
+  .responsive-font-size(inherit);
+}
+
+/* responsive-font-size property inside @support-query */
+@supports (display: flex) {
+  .selector-7 {
+    .rfs(28px);
+  }
+}
diff --git a/examples/less/node/dest/main.css b/examples/less/node/dest/main.css
new file mode 100644
index 0000000..3cbc50c
--- /dev/null
+++ b/examples/less/node/dest/main.css
@@ -0,0 +1,66 @@
+/* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+}
+.selector-1,
+.disable-responsive-font-size .selector-1,
+.selector-1.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-1 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* responsive-font-size property with `rem` unit */
+.selector-2,
+.disable-responsive-font-size .selector-2,
+.selector-2.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-2 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* responsive-font-size property with !important */
+.selector-3,
+.disable-responsive-font-size .selector-3,
+.selector-3.disable-responsive-font-size {
+  font-size: 2rem  !important;
+}
+@media (max-width: 1200px) {
+  .selector-3 {
+    font-size: calc(1.2rem + 1.06666667vw)  !important;
+  }
+}
+/* rfs shorthand */
+.selector-4,
+.disable-responsive-font-size .selector-4,
+.selector-4.disable-responsive-font-size {
+  font-size: 2rem ;
+}
+@media (max-width: 1200px) {
+  .selector-4 {
+    font-size: calc(1.2rem + 1.06666667vw) ;
+  }
+}
+/* not supported unit */
+/* special value */
+.selector-6 {
+  font-size: inherit ;
+}
+/* responsive-font-size property inside @support-query */
+@supports (display: flex) {
+  .selector-7,
+  .disable-responsive-font-size .selector-7,
+  .selector-7.disable-responsive-font-size {
+    font-size: 1.75rem ;
+  }
+  @media (max-width: 1200px) {
+    .selector-7 {
+      font-size: calc(1.15rem + 0.8vw) ;
+    }
+  }
+}
diff --git a/examples/less/node/index.js b/examples/less/node/index.js
new file mode 100644
index 0000000..ccc50cc
--- /dev/null
+++ b/examples/less/node/index.js
@@ -0,0 +1,18 @@
+const fs = require('fs'),
+  less = require('less'),
+  str = fs.readFileSync(__dirname + '/src/main.less', 'utf8');
+
+less.render(str, { paths: [__dirname + '/src']  })
+  .then(function(output) {
+      fs.writeFile(__dirname + '/dest/main.css', output.css, function (err) {
+        if (!err) {
+          console.log('Responsive font sizes generated.');
+        }
+        else {
+          throw err;
+        }
+      });
+    },
+    function(error) {
+      throw error;
+    });
diff --git a/examples/less/node/src/main.less b/examples/less/node/src/main.less
new file mode 100644
index 0000000..e0ed5e0
--- /dev/null
+++ b/examples/less/node/src/main.less
@@ -0,0 +1,40 @@
+@import "../../../../less/rfs";
+
+/* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+  .responsive-font-size(32px);
+}
+
+/* responsive-font-size property with `rem` unit */
+.selector-2 {
+  .responsive-font-size(2rem);
+}
+
+/* responsive-font-size property with !important */
+.selector-3 {
+  .responsive-font-size(2rem, true);
+}
+
+/* rfs shorthand */
+.selector-4 {
+  .rfs(2rem);
+}
+
+/* not supported unit */
+.selector-5 {
+  .responsive-font-size(2em);
+}
+
+/* special value */
+.selector-6 {
+  .responsive-font-size(inherit);
+}
+
+/* responsive-font-size property inside @support-query */
+@supports (display: flex) {
+  .selector-7 {
+    .rfs(28px);
+  }
+}
diff --git a/examples/postcss/gulp/dest/main.css b/examples/postcss/gulp/dest/main.css
index 1831050..46e7d9f 100644
--- a/examples/postcss/gulp/dest/main.css
+++ b/examples/postcss/gulp/dest/main.css
@@ -1,54 +1,58 @@
 /* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+}
 .selector-1,
 .disable-responsive-font-size .selector-1,
 .disable-responsive-font-size.selector-1 {
-  background-color: red;
-  width: 300px;
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-1 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
 /* responsive-font-size property with `rem` unit */
+.selector-2 {
+}
 .selector-2,
 .disable-responsive-font-size .selector-2,
 .disable-responsive-font-size.selector-2 {
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-2 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
 /* responsive-font-size property with !important */
+.selector-3 {
+}
 .selector-3,
 .disable-responsive-font-size .selector-3,
 .disable-responsive-font-size.selector-3 {
   font-size: 2rem !important;
 }
-
 @media (max-width: 1200px) {
   .selector-3 {
-    font-size: calc(1.2rem + 1.066667vw) !important;
+  font-size: calc(1.2rem + 1.066667vw) !important;
   }
 }
 
 /* rfs shorthand */
+.selector-4 {
+}
 .selector-4,
 .disable-responsive-font-size .selector-4,
 .disable-responsive-font-size.selector-4 {
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-4 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
@@ -64,15 +68,16 @@
 
 /* responsive-font-size property inside @support-query */
 @supports (display: flex) {
+  .selector-7 {
+  }
   .selector-7,
-  .disable-responsive-font-size .selector-7,
-  .disable-responsive-font-size.selector-7 {
+.disable-responsive-font-size .selector-7,
+.disable-responsive-font-size.selector-7 {
     font-size: 1.75rem;
   }
-
   @media (max-width: 1200px) {
     .selector-7 {
-      font-size: calc(1.15rem + 0.8vw);
+    font-size: calc(1.15rem + 0.8vw);
     }
   }
 }
diff --git a/examples/postcss/node/dest/main.css b/examples/postcss/node/dest/main.css
index 1831050..46e7d9f 100644
--- a/examples/postcss/node/dest/main.css
+++ b/examples/postcss/node/dest/main.css
@@ -1,54 +1,58 @@
 /* responsive-font-size property with `px` unit */
+.selector-1 {
+  background-color: red;
+  width: 300px;
+}
 .selector-1,
 .disable-responsive-font-size .selector-1,
 .disable-responsive-font-size.selector-1 {
-  background-color: red;
-  width: 300px;
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-1 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
 /* responsive-font-size property with `rem` unit */
+.selector-2 {
+}
 .selector-2,
 .disable-responsive-font-size .selector-2,
 .disable-responsive-font-size.selector-2 {
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-2 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
 /* responsive-font-size property with !important */
+.selector-3 {
+}
 .selector-3,
 .disable-responsive-font-size .selector-3,
 .disable-responsive-font-size.selector-3 {
   font-size: 2rem !important;
 }
-
 @media (max-width: 1200px) {
   .selector-3 {
-    font-size: calc(1.2rem + 1.066667vw) !important;
+  font-size: calc(1.2rem + 1.066667vw) !important;
   }
 }
 
 /* rfs shorthand */
+.selector-4 {
+}
 .selector-4,
 .disable-responsive-font-size .selector-4,
 .disable-responsive-font-size.selector-4 {
   font-size: 2rem;
 }
-
 @media (max-width: 1200px) {
   .selector-4 {
-    font-size: calc(1.2rem + 1.066667vw);
+  font-size: calc(1.2rem + 1.066667vw);
   }
 }
 
@@ -64,15 +68,16 @@
 
 /* responsive-font-size property inside @support-query */
 @supports (display: flex) {
+  .selector-7 {
+  }
   .selector-7,
-  .disable-responsive-font-size .selector-7,
-  .disable-responsive-font-size.selector-7 {
+.disable-responsive-font-size .selector-7,
+.disable-responsive-font-size.selector-7 {
     font-size: 1.75rem;
   }
-
   @media (max-width: 1200px) {
     .selector-7 {
-      font-size: calc(1.15rem + 0.8vw);
+    font-size: calc(1.15rem + 0.8vw);
     }
   }
 }
diff --git a/examples/postcss/node/index.js b/examples/postcss/node/index.js
index 68ccec0..22663ee 100644
--- a/examples/postcss/node/index.js
+++ b/examples/postcss/node/index.js
@@ -1,7 +1,7 @@
 const fs = require('fs');
 const postcss = require('postcss');
 const rfs = require('../../..');
-const css = fs.readFileSync('src/main.css', 'utf8');
+const css = fs.readFileSync(__dirname + '/src/main.css', 'utf8');
 const options = {
   twoDimensional: false,
   minimumFontSize: 16,
@@ -16,7 +16,7 @@ const options = {
 
 const processedCss = postcss(rfs(options)).process(css).css;
 
-fs.writeFile('dest/main.css', processedCss, (err) => {
+fs.writeFile(__dirname + '/dest/main.css', processedCss, (err) => {
   if (err) {
     throw err;
   }
diff --git a/examples/sass/gulp/dest/main.css b/examples/sass/gulp/dest/main.css
index dd46c10..dd2c797 100644
--- a/examples/sass/gulp/dest/main.css
+++ b/examples/sass/gulp/dest/main.css
@@ -2,12 +2,15 @@
 .selector-1 {
   background-color: red;
   width: 300px; }
-  .selector-1,
-  .disable-responsive-font-size .selector-1, .selector-1.disable-responsive-font-size {
-    font-size: 2rem; }
-  @media (max-width: 1200px) {
-    .selector-1 {
-      font-size: calc(1.2rem + 1.06667vw) ; } }
+
+.selector-1,
+.disable-responsive-font-size .selector-1, .selector-1.disable-responsive-font-size {
+  font-size: 2rem; }
+
+@media (max-width: 1200px) {
+  .selector-1 {
+    font-size: calc(1.2rem + 1.06667vw); }
+}
 
 /* responsive-font-size property with `rem` unit */
 .selector-2,
@@ -16,7 +19,8 @@
 
 @media (max-width: 1200px) {
   .selector-2 {
-    font-size: calc(1.2rem + 1.06667vw) ; } }
+    font-size: calc(1.2rem + 1.06667vw); }
+}
 
 /* responsive-font-size property with !important */
 .selector-3,
@@ -25,7 +29,8 @@
 
 @media (max-width: 1200px) {
   .selector-3 {
-    font-size: calc(1.2rem + 1.06667vw)  !important; } }
+    font-size: calc(1.2rem + 1.06667vw) !important; }
+}
 
 /* rfs shorthand */
 .selector-4,
@@ -34,7 +39,8 @@
 
 @media (max-width: 1200px) {
   .selector-4 {
-    font-size: calc(1.2rem + 1.06667vw) ; } }
+    font-size: calc(1.2rem + 1.06667vw); }
+}
 
 /* not supported unit */
 .selector-5 {
@@ -49,6 +55,9 @@
   .selector-7,
   .disable-responsive-font-size .selector-7, .selector-7.disable-responsive-font-size {
     font-size: 1.75rem; }
+
   @media (max-width: 1200px) {
     .selector-7 {
-      font-size: calc(1.15rem + 0.8vw) ; } } }
+      font-size: calc(1.15rem + 0.8vw); }
+  }
+}
diff --git a/examples/sass/node/dest/main.css b/examples/sass/node/dest/main.css
index 466b604..dd46c10 100644
--- a/examples/sass/node/dest/main.css
+++ b/examples/sass/node/dest/main.css
@@ -2,17 +2,12 @@
 .selector-1 {
   background-color: red;
   width: 300px; }
-
-.selector-1,
-.disable-responsive-font-size .selector-1,
-.selector-1.disable-responsive-font-size {
-  font-size: 2rem;
-}
-
-@media (max-width: 1200px) {
-  .selector-1 {
-    font-size: calc(1.2rem + 1.06667vw); }
-}
+  .selector-1,
+  .disable-responsive-font-size .selector-1, .selector-1.disable-responsive-font-size {
+    font-size: 2rem; }
+  @media (max-width: 1200px) {
+    .selector-1 {
+      font-size: calc(1.2rem + 1.06667vw) ; } }
 
 /* responsive-font-size property with `rem` unit */
 .selector-2,
@@ -21,8 +16,7 @@
 
 @media (max-width: 1200px) {
   .selector-2 {
-    font-size: calc(1.2rem + 1.06667vw); }
-}
+    font-size: calc(1.2rem + 1.06667vw) ; } }
 
 /* responsive-font-size property with !important */
 .selector-3,
@@ -31,8 +25,7 @@
 
 @media (max-width: 1200px) {
   .selector-3 {
-    font-size: calc(1.2rem + 1.06667vw) !important; }
-}
+    font-size: calc(1.2rem + 1.06667vw)  !important; } }
 
 /* rfs shorthand */
 .selector-4,
@@ -41,8 +34,7 @@
 
 @media (max-width: 1200px) {
   .selector-4 {
-    font-size: calc(1.2rem + 1.06667vw); }
-}
+    font-size: calc(1.2rem + 1.06667vw) ; } }
 
 /* not supported unit */
 .selector-5 {
@@ -57,9 +49,6 @@
   .selector-7,
   .disable-responsive-font-size .selector-7, .selector-7.disable-responsive-font-size {
     font-size: 1.75rem; }
-
   @media (max-width: 1200px) {
     .selector-7 {
-      font-size: calc(1.15rem + 0.8vw); }
-  }
-}
+      font-size: calc(1.15rem + 0.8vw) ; } } }
diff --git a/examples/sass/node/index.js b/examples/sass/node/index.js
index 491ed36..b7374de 100644
--- a/examples/sass/node/index.js
+++ b/examples/sass/node/index.js
@@ -1,13 +1,12 @@
 const fs = require('fs');
 const sass = require('node-sass');
 
-
 sass.render({
-    file: 'src/main.sass', outFile: 'dest/main.css',
+    file: __dirname + '/src/main.sass', outFile: __dirname + '/dest/main.css',
   }, function (error, result) { // node-style callback from v3.0.0 onwards
     if (!error) {
       // No errors during the compilation, write this result on the disk
-      fs.writeFile('dest/main.css', result.css, function (err) {
+      fs.writeFile(__dirname + '/dest/main.css', result.css, function (err) {
         if (!err) {
           console.log('Responsive font sizes generated.');
         }
diff --git a/examples/scss/node/index.js b/examples/scss/node/index.js
index 7af0d1e..dde62f0 100644
--- a/examples/scss/node/index.js
+++ b/examples/scss/node/index.js
@@ -1,13 +1,12 @@
 const fs = require('fs');
 const sass = require('node-sass');
 
-
 sass.render({
-    file: 'src/main.scss', outFile: 'dest/main.css',
+    file: __dirname + '/src/main.scss', outFile: __dirname + '/dest/main.css',
   }, function (error, result) { // node-style callback from v3.0.0 onwards
     if (!error) {
       // No errors during the compilation, write this result on the disk
-      fs.writeFile('dest/main.css', result.css, function (err) {
+      fs.writeFile(__dirname + '/dest/main.css', result.css, function (err) {
         if (!err) {
           console.log('Responsive font sizes generated.');
         }
diff --git a/examples/stylus/node/dest/main.css b/examples/stylus/node/dest/main.css
index dd46c10..07c6246 100644
--- a/examples/stylus/node/dest/main.css
+++ b/examples/stylus/node/dest/main.css
@@ -1,54 +1,69 @@
 /* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
-  width: 300px; }
-  .selector-1,
-  .disable-responsive-font-size .selector-1, .selector-1.disable-responsive-font-size {
-    font-size: 2rem; }
-  @media (max-width: 1200px) {
-    .selector-1 {
-      font-size: calc(1.2rem + 1.06667vw) ; } }
-
+  background-color: #f00;
+  width: 300px;
+}
+.selector-1,
+.disable-responsive-font-size .selector-1,
+.selector-1.disable-responsive-font-size {
+  font-size: 2rem;
+}
+@media (max-width: 1200px) {
+  .selector-1 {
+    font-size: calc(1.2rem + 1.066666666666667vw);
+  }
+}
 /* responsive-font-size property with `rem` unit */
 .selector-2,
-.disable-responsive-font-size .selector-2, .selector-2.disable-responsive-font-size {
-  font-size: 2rem; }
-
+.disable-responsive-font-size .selector-2,
+.selector-2.disable-responsive-font-size {
+  font-size: 2rem;
+}
 @media (max-width: 1200px) {
   .selector-2 {
-    font-size: calc(1.2rem + 1.06667vw) ; } }
-
+    font-size: calc(1.2rem + 1.066666666666667vw);
+  }
+}
 /* responsive-font-size property with !important */
 .selector-3,
-.disable-responsive-font-size .selector-3, .selector-3.disable-responsive-font-size {
-  font-size: 2rem !important; }
-
+.disable-responsive-font-size .selector-3,
+.selector-3.disable-responsive-font-size {
+  font-size: 2rem!important;
+}
 @media (max-width: 1200px) {
   .selector-3 {
-    font-size: calc(1.2rem + 1.06667vw)  !important; } }
-
+    font-size: calc(1.2rem + 1.066666666666667vw)!important;
+  }
+}
 /* rfs shorthand */
 .selector-4,
-.disable-responsive-font-size .selector-4, .selector-4.disable-responsive-font-size {
-  font-size: 2rem; }
-
+.disable-responsive-font-size .selector-4,
+.selector-4.disable-responsive-font-size {
+  font-size: 2rem;
+}
 @media (max-width: 1200px) {
   .selector-4 {
-    font-size: calc(1.2rem + 1.06667vw) ; } }
-
+    font-size: calc(1.2rem + 1.066666666666667vw);
+  }
+}
 /* not supported unit */
 .selector-5 {
-  font-size: 2em; }
-
+  font-size: 2em;
+}
 /* special value */
 .selector-6 {
-  font-size: inherit; }
-
+  font-size: inherit;
+}
 /* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7,
-  .disable-responsive-font-size .selector-7, .selector-7.disable-responsive-font-size {
-    font-size: 1.75rem; }
-  @media (max-width: 1200px) {
+  .disable-responsive-font-size .selector-7,
+  .selector-7.disable-responsive-font-size {
+    font-size: 1.75rem;
+  }
+@media (max-width: 1200px) {
     .selector-7 {
-      font-size: calc(1.15rem + 0.8vw) ; } } }
+      font-size: calc(1.15rem + 0.8vw);
+    }
+}
+}
diff --git a/examples/stylus/node/index.js b/examples/stylus/node/index.js
index 896c9c2..427bb39 100644
--- a/examples/stylus/node/index.js
+++ b/examples/stylus/node/index.js
@@ -1,23 +1,19 @@
-const fs = require('fs');
-const stylus = require('stylus');
+const fs = require('fs'),
+  stylus = require('stylus'),
+  str = fs.readFileSync(__dirname + '/src/main.styl', 'utf8');
 
-
-sass.render({
-    file: 'src/main.sass', outFile: 'dest/main.css',
-  }, function (error, result) { // node-style callback from v3.0.0 onwards
-    if (!error) {
-      // No errors during the compilation, write this result on the disk
-      fs.writeFile('dest/main.css', result.css, function (err) {
-        if (!err) {
-          console.log('Responsive font sizes generated.');
-        }
-        else {
-          throw err;
-        }
-      });
-    }
-    else {
-      throw error;
-    }
+stylus.render(str, {filename: __dirname + '/src/main.styl'}, function (err, css) {
+  if (err) {
+    throw err;
+  }
+  else {
+    fs.writeFile(__dirname + '/dest/main.css', css, function (err) {
+      if (!err) {
+        console.log('Responsive font sizes generated.');
+      }
+      else {
+        throw err;
+      }
+    });
   }
-);
+});
diff --git a/examples/stylus/node/src/main.sass b/examples/stylus/node/src/main.styl
index 76f6757..21c6e76 100644
--- a/examples/stylus/node/src/main.sass
+++ b/examples/stylus/node/src/main.styl
@@ -1,32 +1,32 @@
-@import "../../../../scss/rfs"
+@import "../../../../stylus/rfs"
 
 /* responsive-font-size property with `px` unit */
 .selector-1
   background-color: red
   width: 300px
-  @include responsive-font-size(32px)
+  responsive-font-size(32px)
 
 /* responsive-font-size property with `rem` unit */
 .selector-2
-  @include responsive-font-size(2rem)
+  responsive-font-size(2rem)
 
 /* responsive-font-size property with !important */
 .selector-3
-  @include responsive-font-size(2rem, true)
+  responsive-font-size(2rem, true)
 
 /* rfs shorthand */
 .selector-4
-  @include rfs(2rem)
+  rfs(2rem)
 
 /* not supported unit */
 .selector-5
-  @include responsive-font-size(2em)
+  responsive-font-size(2em)
 
 /* special value */
 .selector-6
-  @include responsive-font-size(inherit)
+  responsive-font-size(inherit)
 
 /* responsive-font-size property inside @support-query */
 @supports (display: flex)
   .selector-7
-    @include rfs(28px)
+    rfs(28px)