diff options
Diffstat (limited to 'examples')
-rw-r--r-- | examples/sass/gulp/gulpfile.js | 4 | ||||
-rw-r--r-- | examples/sass/gulp/src/main.sass | 36 | ||||
-rw-r--r-- | examples/sass/gulp/src/main.scss (renamed from examples/scss/node/src/main.scss) | 2 | ||||
-rw-r--r-- | examples/sass/node/index.js | 2 | ||||
-rw-r--r-- | examples/sass/node/src/main.sass | 36 | ||||
-rw-r--r-- | examples/sass/node/src/main.scss (renamed from examples/scss/gulp/src/main.scss) | 2 | ||||
-rw-r--r-- | examples/scss/gulp/dest/main.css | 52 | ||||
-rw-r--r-- | examples/scss/gulp/gulpfile.js | 14 | ||||
-rw-r--r-- | examples/scss/node/dest/main.css | 52 | ||||
-rw-r--r-- | examples/scss/node/index.js | 22 |
10 files changed, 5 insertions, 217 deletions
diff --git a/examples/sass/gulp/gulpfile.js b/examples/sass/gulp/gulpfile.js index 3073675..62c60de 100644 --- a/examples/sass/gulp/gulpfile.js +++ b/examples/sass/gulp/gulpfile.js @@ -4,11 +4,11 @@ const gulp = require('gulp'), sass = require('gulp-sass'); gulp.task('build', function () { - return gulp.src('./src/**/*.sass') + return gulp.src('./src/**/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(gulp.dest('./dest')); }); gulp.task('watch', function () { - gulp.watch('./src/**/*.sass', ['build']); + gulp.watch('./src/**/*.scss', ['build']); }); diff --git a/examples/sass/gulp/src/main.sass b/examples/sass/gulp/src/main.sass deleted file mode 100644 index 9c215b4..0000000 --- a/examples/sass/gulp/src/main.sass +++ /dev/null @@ -1,36 +0,0 @@ -@import "../../../../scss/rfs" - -/* responsive-font-size property with `px` unit */ -.selector-1 - background-color: red - 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/scss/node/src/main.scss b/examples/sass/gulp/src/main.scss index c0e9367..6266b95 100644 --- a/examples/scss/node/src/main.scss +++ b/examples/sass/gulp/src/main.scss @@ -1,4 +1,4 @@ -@import "../../../../scss/rfs"; +@import "../../../../sass/rfs"; /* responsive-font-size property with `px` unit */ .selector-1 { diff --git a/examples/sass/node/index.js b/examples/sass/node/index.js index b7374de..dde62f0 100644 --- a/examples/sass/node/index.js +++ b/examples/sass/node/index.js @@ -2,7 +2,7 @@ const fs = require('fs'); const sass = require('node-sass'); sass.render({ - file: __dirname + '/src/main.sass', outFile: __dirname + '/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 diff --git a/examples/sass/node/src/main.sass b/examples/sass/node/src/main.sass deleted file mode 100644 index 9c215b4..0000000 --- a/examples/sass/node/src/main.sass +++ /dev/null @@ -1,36 +0,0 @@ -@import "../../../../scss/rfs" - -/* responsive-font-size property with `px` unit */ -.selector-1 - background-color: red - 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/scss/gulp/src/main.scss b/examples/sass/node/src/main.scss index c0e9367..6266b95 100644 --- a/examples/scss/gulp/src/main.scss +++ b/examples/sass/node/src/main.scss @@ -1,4 +1,4 @@ -@import "../../../../scss/rfs"; +@import "../../../../sass/rfs"; /* responsive-font-size property with `px` unit */ .selector-1 { diff --git a/examples/scss/gulp/dest/main.css b/examples/scss/gulp/dest/main.css deleted file mode 100644 index c798a59..0000000 --- a/examples/scss/gulp/dest/main.css +++ /dev/null @@ -1,52 +0,0 @@ -/* responsive-font-size property with `px` unit */ -.selector-1 { - background-color: red; - width: 300px; - 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 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-2 { - font-size: calc(1.2rem + 1.06667vw) ; } } - -/* responsive-font-size property with !important */ -.selector-3 { - font-size: 2rem !important; } - @media (max-width: 1200px) { - .selector-3 { - font-size: calc(1.2rem + 1.06667vw) !important; } } - -/* rfs shorthand */ -.selector-4 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-4 { - font-size: calc(1.2rem + 1.06667vw) ; } } - -/* 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.15rem + 0.8vw) ; } } } - -/* responsive-font-size property without unit */ -.selector-8 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-8 { - font-size: calc(1.2rem + 1.06667vw) ; } } diff --git a/examples/scss/gulp/gulpfile.js b/examples/scss/gulp/gulpfile.js deleted file mode 100644 index 62c60de..0000000 --- a/examples/scss/gulp/gulpfile.js +++ /dev/null @@ -1,14 +0,0 @@ -'use strict'; - -const gulp = require('gulp'), - sass = require('gulp-sass'); - -gulp.task('build', function () { - return gulp.src('./src/**/*.scss') - .pipe(sass().on('error', sass.logError)) - .pipe(gulp.dest('./dest')); -}); - -gulp.task('watch', function () { - gulp.watch('./src/**/*.scss', ['build']); -}); diff --git a/examples/scss/node/dest/main.css b/examples/scss/node/dest/main.css deleted file mode 100644 index c798a59..0000000 --- a/examples/scss/node/dest/main.css +++ /dev/null @@ -1,52 +0,0 @@ -/* responsive-font-size property with `px` unit */ -.selector-1 { - background-color: red; - width: 300px; - 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 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-2 { - font-size: calc(1.2rem + 1.06667vw) ; } } - -/* responsive-font-size property with !important */ -.selector-3 { - font-size: 2rem !important; } - @media (max-width: 1200px) { - .selector-3 { - font-size: calc(1.2rem + 1.06667vw) !important; } } - -/* rfs shorthand */ -.selector-4 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-4 { - font-size: calc(1.2rem + 1.06667vw) ; } } - -/* 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.15rem + 0.8vw) ; } } } - -/* responsive-font-size property without unit */ -.selector-8 { - font-size: 2rem; } - @media (max-width: 1200px) { - .selector-8 { - font-size: calc(1.2rem + 1.06667vw) ; } } diff --git a/examples/scss/node/index.js b/examples/scss/node/index.js deleted file mode 100644 index dde62f0..0000000 --- a/examples/scss/node/index.js +++ /dev/null @@ -1,22 +0,0 @@ -const fs = require('fs'); -const sass = require('node-sass'); - -sass.render({ - 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(__dirname + '/dest/main.css', result.css, function (err) { - if (!err) { - console.log('Responsive font sizes generated.'); - } - else { - throw err; - } - }); - } - else { - throw error; - } - } -); |