diff options
author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-12-25 23:28:45 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-02-11 21:27:14 +0300 |
commit | 244966df9bcee4c53334aca3661d95dfe17b76e8 (patch) | |
tree | fbb530bdc1e68af0fc3d4d67b0c72e4f408d8111 /examples/stylus | |
parent | cd3577f043e0ec8e96faec253ffff7ba1763113e (diff) |
Tweak examples
Diffstat (limited to 'examples/stylus')
-rw-r--r-- | examples/stylus/gulp/dest/main.css | 8 | ||||
-rw-r--r-- | examples/stylus/gulp/gulpfile.js | 2 | ||||
-rw-r--r-- | examples/stylus/gulp/src/main.styl | 11 | ||||
-rw-r--r-- | examples/stylus/node/dest/main.css | 8 | ||||
-rw-r--r-- | examples/stylus/node/src/main.styl | 11 |
5 files changed, 3 insertions, 37 deletions
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) |