diff options
| author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-12-20 00:21:21 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-02-11 21:27:14 +0300 |
| commit | 5ed2c4bf5961bebf1f63422830394d4eb732be01 (patch) | |
| tree | 41d968a99ad42ad6f86b3105e90a05ffd7065f7e /examples/postcss | |
| parent | f162a6c54d036eb9b0df22ff2c59ed531b813215 (diff) | |
Increase base font size to 1.25rem and factor to 10
Diffstat (limited to 'examples/postcss')
| -rw-r--r-- | examples/postcss/gulp/dest/main.css | 12 | ||||
| -rw-r--r-- | examples/postcss/gulp/gulpfile.js | 4 | ||||
| -rw-r--r-- | examples/postcss/node/dest/main.css | 12 | ||||
| -rw-r--r-- | examples/postcss/node/index.js | 4 |
4 files changed, 16 insertions, 16 deletions
diff --git a/examples/postcss/gulp/dest/main.css b/examples/postcss/gulp/dest/main.css index 2a8d061..143d0ad 100644 --- a/examples/postcss/gulp/dest/main.css +++ b/examples/postcss/gulp/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -16,7 +16,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -26,7 +26,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.066667vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } } @@ -36,7 +36,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -57,7 +57,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw); + font-size: calc(1.3rem + 0.6vw); } } } @@ -68,6 +68,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } diff --git a/examples/postcss/gulp/gulpfile.js b/examples/postcss/gulp/gulpfile.js index 725ba60..f4111d7 100644 --- a/examples/postcss/gulp/gulpfile.js +++ b/examples/postcss/gulp/gulpfile.js @@ -3,11 +3,11 @@ const postcss = require('gulp-postcss'); const rfs = require('../../..'); const options = { twoDimensional: false, - baseFontSize: 16, + baseFontSize: 20, fontSizeUnit: 'rem', breakpoint: 1200, breakpointUnit: 'px', - factor: 5, + factor: 10, class: false, unitPrecision: 6, safariIframeResizeBugFix: false, diff --git a/examples/postcss/node/dest/main.css b/examples/postcss/node/dest/main.css index 2a8d061..143d0ad 100644 --- a/examples/postcss/node/dest/main.css +++ b/examples/postcss/node/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -16,7 +16,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -26,7 +26,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.066667vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } } @@ -36,7 +36,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } @@ -57,7 +57,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw); + font-size: calc(1.3rem + 0.6vw); } } } @@ -68,6 +68,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.066667vw); + font-size: calc(1.325rem + 0.9vw); } } diff --git a/examples/postcss/node/index.js b/examples/postcss/node/index.js index 4b77acb..f63b047 100644 --- a/examples/postcss/node/index.js +++ b/examples/postcss/node/index.js @@ -4,11 +4,11 @@ const rfs = require('../../..'); const css = fs.readFileSync(__dirname + '/src/main.css', 'utf8'); const options = { twoDimensional: false, - baseFontSize: 16, + baseFontSize: 20, fontSizeUnit: 'rem', breakpoint: '75rem', breakpointUnit: 'px', - factor: 5, + factor: 10, unitPrecision: 6, remValue: 16, propList: ['responsive-font-size', 'rfs'] |