Tweak examples

20 files changed, 55 insertions, 153 deletions

diff --git a/examples/less/gulp/dest/main.css b/examples/less/gulp/dest/main.css
index e37a2d9..43cc4e7 100644
--- a/examples/less/gulp/dest/main.css
+++ b/examples/less/gulp/dest/main.css
@@ -1,6 +1,5 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem ;
 }
@@ -9,7 +8,6 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem ;
 }
@@ -18,7 +16,6 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem  !important;
 }
@@ -27,7 +24,6 @@
     font-size: calc(1.325rem + 0.9vw)  !important;
   }
 }
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem ;
 }
@@ -36,12 +32,12 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* not supported unit */
-/* special value */
+.selector-5 {
+  font-size: 2em ;
+}
 .selector-6 {
   font-size: inherit ;
 }
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem ;
@@ -52,7 +48,6 @@
     }
   }
 }
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem ;
 }
diff --git a/examples/less/gulp/gulpfile.js b/examples/less/gulp/gulpfile.js
index 8108a99..37e7afc 100644
--- a/examples/less/gulp/gulpfile.js
+++ b/examples/less/gulp/gulpfile.js
@@ -1,7 +1,7 @@
 'use strict';
 
 const gulp = require('gulp'),
- less = require('gulp-less');
+  less = require('gulp-less');
 
 gulp.task('build', function () {
   return gulp.src('./src/**/*.less')
diff --git a/examples/less/gulp/src/main.less b/examples/less/gulp/src/main.less
index 8564f5c..e1d2a0e 100644
--- a/examples/less/gulp/src/main.less
+++ b/examples/less/gulp/src/main.less
@@ -1,45 +1,37 @@
 @import "../../../../less/rfs";
 
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   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);
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   .responsive-font-size(32);
 }
diff --git a/examples/less/node/dest/main.css b/examples/less/node/dest/main.css
index e37a2d9..43cc4e7 100644
--- a/examples/less/node/dest/main.css
+++ b/examples/less/node/dest/main.css
@@ -1,6 +1,5 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem ;
 }
@@ -9,7 +8,6 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem ;
 }
@@ -18,7 +16,6 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem  !important;
 }
@@ -27,7 +24,6 @@
     font-size: calc(1.325rem + 0.9vw)  !important;
   }
 }
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem ;
 }
@@ -36,12 +32,12 @@
     font-size: calc(1.325rem + 0.9vw) ;
   }
 }
-/* not supported unit */
-/* special value */
+.selector-5 {
+  font-size: 2em ;
+}
 .selector-6 {
   font-size: inherit ;
 }
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem ;
@@ -52,7 +48,6 @@
     }
   }
 }
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem ;
 }
diff --git a/examples/less/node/index.js b/examples/less/node/index.js
index ccc50cc..c6269fc 100644
--- a/examples/less/node/index.js
+++ b/examples/less/node/index.js
@@ -2,8 +2,13 @@ const fs = require('fs'),
   less = require('less'),
   str = fs.readFileSync(__dirname + '/src/main.less', 'utf8');
 
-less.render(str, { paths: [__dirname + '/src']  })
-  .then(function(output) {
+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.');
@@ -13,6 +18,7 @@ less.render(str, { paths: [__dirname + '/src']  })
         }
       });
     },
-    function(error) {
+    function (error) {
       throw error;
-    });
+    }
+  );
diff --git a/examples/less/node/src/main.less b/examples/less/node/src/main.less
index 8564f5c..e1d2a0e 100644
--- a/examples/less/node/src/main.less
+++ b/examples/less/node/src/main.less
@@ -1,45 +1,37 @@
 @import "../../../../less/rfs";
 
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   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);
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   .responsive-font-size(32);
 }
diff --git a/examples/postcss/gulp/dest/main.css b/examples/postcss/gulp/dest/main.css
index 143d0ad..0afd3a6 100644
--- a/examples/postcss/gulp/dest/main.css
+++ b/examples/postcss/gulp/dest/main.css
@@ -1,72 +1,75 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-1 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-2 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem !important;
 }
+
 @media (max-width: 1200px) {
+
   .selector-3 {
   font-size: calc(1.325rem + 0.9vw) !important;
   }
 }
 
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-4 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* not supported unit */
 .selector-5 {
   font-size: 2em;
 }
 
-/* special value */
 .selector-6 {
   font-size: inherit;
 }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem;
   }
   @media (max-width: 1200px) {
+
     .selector-7 {
     font-size: calc(1.3rem + 0.6vw);
     }
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-8 {
   font-size: calc(1.325rem + 0.9vw);
   }
diff --git a/examples/postcss/gulp/src/main.css b/examples/postcss/gulp/src/main.css
index 3b2dd58..d1027ca 100644
--- a/examples/postcss/gulp/src/main.css
+++ b/examples/postcss/gulp/src/main.css
@@ -1,43 +1,35 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   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 !important;
 }
 
-/* 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;
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   responsive-font-size: 32;
 }
diff --git a/examples/postcss/node/dest/main.css b/examples/postcss/node/dest/main.css
index 143d0ad..0afd3a6 100644
--- a/examples/postcss/node/dest/main.css
+++ b/examples/postcss/node/dest/main.css
@@ -1,72 +1,75 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-1 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-2 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem !important;
 }
+
 @media (max-width: 1200px) {
+
   .selector-3 {
   font-size: calc(1.325rem + 0.9vw) !important;
   }
 }
 
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-4 {
   font-size: calc(1.325rem + 0.9vw);
   }
 }
 
-/* not supported unit */
 .selector-5 {
   font-size: 2em;
 }
 
-/* special value */
 .selector-6 {
   font-size: inherit;
 }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem;
   }
   @media (max-width: 1200px) {
+
     .selector-7 {
     font-size: calc(1.3rem + 0.6vw);
     }
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem;
 }
+
 @media (max-width: 1200px) {
+
   .selector-8 {
   font-size: calc(1.325rem + 0.9vw);
   }
diff --git a/examples/postcss/node/src/main.css b/examples/postcss/node/src/main.css
index 3b2dd58..d1027ca 100644
--- a/examples/postcss/node/src/main.css
+++ b/examples/postcss/node/src/main.css
@@ -1,43 +1,35 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   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 !important;
 }
 
-/* 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;
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   responsive-font-size: 32;
 }
diff --git a/examples/sass/gulp/dest/main.css b/examples/sass/gulp/dest/main.css
index c22dd48..3bed4b0 100644
--- a/examples/sass/gulp/dest/main.css
+++ b/examples/sass/gulp/dest/main.css
@@ -1,42 +1,35 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-1 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-2 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem !important; }
   @media (max-width: 1200px) {
     .selector-3 {
       font-size: calc(1.325rem + 0.9vw)  !important; } }
 
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-4 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* not supported unit */
 .selector-5 {
   font-size: 2em; }
 
-/* special value */
 .selector-6 {
   font-size: inherit; }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem; }
@@ -44,7 +37,6 @@
       .selector-7 {
         font-size: calc(1.3rem + 0.6vw) ; } } }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
diff --git a/examples/sass/gulp/gulpfile.js b/examples/sass/gulp/gulpfile.js
index 62c60de..62782e9 100644
--- a/examples/sass/gulp/gulpfile.js
+++ b/examples/sass/gulp/gulpfile.js
@@ -1,7 +1,7 @@
 'use strict';
 
 const gulp = require('gulp'),
- sass = require('gulp-sass');
+  sass = require('gulp-sass');
 
 gulp.task('build', function () {
   return gulp.src('./src/**/*.scss')
diff --git a/examples/sass/gulp/src/main.scss b/examples/sass/gulp/src/main.scss
index 6266b95..9bda6fd 100644
--- a/examples/sass/gulp/src/main.scss
+++ b/examples/sass/gulp/src/main.scss
@@ -1,45 +1,36 @@
 @import "../../../../sass/rfs";
-
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   @include responsive-font-size(32px);
 }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   @include responsive-font-size(2rem);
 }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   @include responsive-font-size(2rem, true);
 }
 
-/* rfs shorthand */
 .selector-4 {
   @include rfs(2rem);
 }
 
-/* not supported unit */
 .selector-5 {
   @include responsive-font-size(2em);
 }
 
-/* special value */
 .selector-6 {
   @include responsive-font-size(inherit);
 }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     @include rfs(28px);
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   @include responsive-font-size(32);
 }
diff --git a/examples/sass/node/dest/main.css b/examples/sass/node/dest/main.css
index c22dd48..3bed4b0 100644
--- a/examples/sass/node/dest/main.css
+++ b/examples/sass/node/dest/main.css
@@ -1,42 +1,35 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-1 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-2 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem !important; }
   @media (max-width: 1200px) {
     .selector-3 {
       font-size: calc(1.325rem + 0.9vw)  !important; } }
 
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
     .selector-4 {
       font-size: calc(1.325rem + 0.9vw) ; } }
 
-/* not supported unit */
 .selector-5 {
   font-size: 2em; }
 
-/* special value */
 .selector-6 {
   font-size: inherit; }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem; }
@@ -44,7 +37,6 @@
       .selector-7 {
         font-size: calc(1.3rem + 0.6vw) ; } } }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem; }
   @media (max-width: 1200px) {
diff --git a/examples/sass/node/src/main.scss b/examples/sass/node/src/main.scss
index 6266b95..9bda6fd 100644
--- a/examples/sass/node/src/main.scss
+++ b/examples/sass/node/src/main.scss
@@ -1,45 +1,36 @@
 @import "../../../../sass/rfs";
-
-/* responsive-font-size property with `px` unit */
 .selector-1 {
-  background-color: red;
+  background-color: #f00;
   width: 300px;
   @include responsive-font-size(32px);
 }
 
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   @include responsive-font-size(2rem);
 }
 
-/* responsive-font-size property with !important */
 .selector-3 {
   @include responsive-font-size(2rem, true);
 }
 
-/* rfs shorthand */
 .selector-4 {
   @include rfs(2rem);
 }
 
-/* not supported unit */
 .selector-5 {
   @include responsive-font-size(2em);
 }
 
-/* special value */
 .selector-6 {
   @include responsive-font-size(inherit);
 }
 
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     @include rfs(28px);
   }
 }
 
-/* responsive-font-size property without unit */
 .selector-8 {
   @include responsive-font-size(32);
 }
diff --git a/examples/stylus/gulp/dest/main.css b/examples/stylus/gulp/dest/main.css
index ac3c9cf..08c18fa 100644
--- a/examples/stylus/gulp/dest/main.css
+++ b/examples/stylus/gulp/dest/main.css
@@ -1,4 +1,3 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
   background-color: #f00;
   width: 300px;
@@ -9,7 +8,6 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem;
 }
@@ -18,7 +16,6 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem!important;
 }
@@ -27,7 +24,6 @@
     font-size: calc(1.325rem + 0.9vw)!important;
   }
 }
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem;
 }
@@ -36,15 +32,12 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* not supported unit */
 .selector-5 {
   font-size: 2em;
 }
-/* special value */
 .selector-6 {
   font-size: inherit;
 }
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem;
@@ -55,7 +48,6 @@
     }
 }
 }
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem;
 }
diff --git a/examples/stylus/gulp/gulpfile.js b/examples/stylus/gulp/gulpfile.js
index 60a76b0..fb5d134 100644
--- a/examples/stylus/gulp/gulpfile.js
+++ b/examples/stylus/gulp/gulpfile.js
@@ -1,7 +1,7 @@
 'use strict';
 
 const gulp = require('gulp'),
- stylus = require('gulp-stylus');
+  stylus = require('gulp-stylus');
 
 gulp.task('build', function () {
   return gulp.src('./src/**/*.styl')
diff --git a/examples/stylus/gulp/src/main.styl b/examples/stylus/gulp/src/main.styl
index e919002..59629c2 100644
--- a/examples/stylus/gulp/src/main.styl
+++ b/examples/stylus/gulp/src/main.styl
@@ -1,36 +1,27 @@
 @import "../../../../stylus/rfs"
-
-/* responsive-font-size property with `px` unit */
 .selector-1
-  background-color: red
+  background-color: #f00
   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)
 
-/* responsive-font-size property without unit */
 .selector-8
   responsive-font-size(32)
diff --git a/examples/stylus/node/dest/main.css b/examples/stylus/node/dest/main.css
index ac3c9cf..08c18fa 100644
--- a/examples/stylus/node/dest/main.css
+++ b/examples/stylus/node/dest/main.css
@@ -1,4 +1,3 @@
-/* responsive-font-size property with `px` unit */
 .selector-1 {
   background-color: #f00;
   width: 300px;
@@ -9,7 +8,6 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* responsive-font-size property with `rem` unit */
 .selector-2 {
   font-size: 2rem;
 }
@@ -18,7 +16,6 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* responsive-font-size property with !important */
 .selector-3 {
   font-size: 2rem!important;
 }
@@ -27,7 +24,6 @@
     font-size: calc(1.325rem + 0.9vw)!important;
   }
 }
-/* rfs shorthand */
 .selector-4 {
   font-size: 2rem;
 }
@@ -36,15 +32,12 @@
     font-size: calc(1.325rem + 0.9vw);
   }
 }
-/* not supported unit */
 .selector-5 {
   font-size: 2em;
 }
-/* special value */
 .selector-6 {
   font-size: inherit;
 }
-/* responsive-font-size property inside @support-query */
 @supports (display: flex) {
   .selector-7 {
     font-size: 1.75rem;
@@ -55,7 +48,6 @@
     }
 }
 }
-/* responsive-font-size property without unit */
 .selector-8 {
   font-size: 2rem;
 }
diff --git a/examples/stylus/node/src/main.styl b/examples/stylus/node/src/main.styl
index e919002..59629c2 100644
--- a/examples/stylus/node/src/main.styl
+++ b/examples/stylus/node/src/main.styl
@@ -1,36 +1,27 @@
 @import "../../../../stylus/rfs"
-
-/* responsive-font-size property with `px` unit */
 .selector-1
-  background-color: red
+  background-color: #f00
   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)
 
-/* responsive-font-size property without unit */
 .selector-8
   responsive-font-size(32)