From 5ed2c4bf5961bebf1f63422830394d4eb732be01 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Wed, 19 Dec 2018 22:21:21 +0100 Subject: Increase base font size to 1.25rem and factor to 10 --- examples/less/gulp/dest/main.css | 12 ++++++------ examples/less/node/dest/main.css | 12 ++++++------ examples/postcss/gulp/dest/main.css | 12 ++++++------ examples/postcss/gulp/gulpfile.js | 4 ++-- examples/postcss/node/dest/main.css | 12 ++++++------ examples/postcss/node/index.js | 4 ++-- examples/sass/gulp/dest/main.css | 14 +++++++------- examples/sass/node/dest/main.css | 12 ++++++------ examples/stylus/gulp/dest/main.css | 12 ++++++------ examples/stylus/node/dest/main.css | 12 ++++++------ 10 files changed, 53 insertions(+), 53 deletions(-) (limited to 'examples') diff --git a/examples/less/gulp/dest/main.css b/examples/less/gulp/dest/main.css index 62d9bfe..e37a2d9 100644 --- a/examples/less/gulp/dest/main.css +++ b/examples/less/gulp/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* responsive-font-size property with `rem` unit */ @@ -15,7 +15,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* responsive-font-size property with !important */ @@ -24,7 +24,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.06666667vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } } /* rfs shorthand */ @@ -33,7 +33,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* not supported unit */ @@ -48,7 +48,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw) ; + font-size: calc(1.3rem + 0.6vw) ; } } } @@ -58,6 +58,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } diff --git a/examples/less/node/dest/main.css b/examples/less/node/dest/main.css index 62d9bfe..e37a2d9 100644 --- a/examples/less/node/dest/main.css +++ b/examples/less/node/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* responsive-font-size property with `rem` unit */ @@ -15,7 +15,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* responsive-font-size property with !important */ @@ -24,7 +24,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.06666667vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } } /* rfs shorthand */ @@ -33,7 +33,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } /* not supported unit */ @@ -48,7 +48,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw) ; + font-size: calc(1.3rem + 0.6vw) ; } } } @@ -58,6 +58,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.06666667vw) ; + font-size: calc(1.325rem + 0.9vw) ; } } 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'] diff --git a/examples/sass/gulp/dest/main.css b/examples/sass/gulp/dest/main.css index c798a59..8e562e7 100644 --- a/examples/sass/gulp/dest/main.css +++ b/examples/sass/gulp/dest/main.css @@ -2,31 +2,31 @@ .selector-1 { background-color: red; width: 300px; - font-size: 2rem; } + font-size: 6.0625rem; } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.06667vw) ; } } + font-size: calc(1.73125rem + 5.775vw) ; } } /* 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) ; } } + 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.2rem + 1.06667vw) !important; } } + 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.2rem + 1.06667vw) ; } } + font-size: calc(1.325rem + 0.9vw) ; } } /* not supported unit */ .selector-5 { @@ -42,11 +42,11 @@ font-size: 1.75rem; } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw) ; } } } + 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.2rem + 1.06667vw) ; } } + font-size: calc(1.325rem + 0.9vw) ; } } diff --git a/examples/sass/node/dest/main.css b/examples/sass/node/dest/main.css index c798a59..c22dd48 100644 --- a/examples/sass/node/dest/main.css +++ b/examples/sass/node/dest/main.css @@ -5,28 +5,28 @@ font-size: 2rem; } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.06667vw) ; } } + 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.2rem + 1.06667vw) ; } } + 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.2rem + 1.06667vw) !important; } } + 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.2rem + 1.06667vw) ; } } + font-size: calc(1.325rem + 0.9vw) ; } } /* not supported unit */ .selector-5 { @@ -42,11 +42,11 @@ font-size: 1.75rem; } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw) ; } } } + 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.2rem + 1.06667vw) ; } } + font-size: calc(1.325rem + 0.9vw) ; } } diff --git a/examples/stylus/gulp/dest/main.css b/examples/stylus/gulp/dest/main.css index 74979f5..ac3c9cf 100644 --- a/examples/stylus/gulp/dest/main.css +++ b/examples/stylus/gulp/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* responsive-font-size property with `rem` unit */ @@ -15,7 +15,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* responsive-font-size property with !important */ @@ -24,7 +24,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.066666666666667vw)!important; + font-size: calc(1.325rem + 0.9vw)!important; } } /* rfs shorthand */ @@ -33,7 +33,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* not supported unit */ @@ -51,7 +51,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw); + font-size: calc(1.3rem + 0.6vw); } } } @@ -61,6 +61,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } diff --git a/examples/stylus/node/dest/main.css b/examples/stylus/node/dest/main.css index 74979f5..ac3c9cf 100644 --- a/examples/stylus/node/dest/main.css +++ b/examples/stylus/node/dest/main.css @@ -6,7 +6,7 @@ } @media (max-width: 1200px) { .selector-1 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* responsive-font-size property with `rem` unit */ @@ -15,7 +15,7 @@ } @media (max-width: 1200px) { .selector-2 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* responsive-font-size property with !important */ @@ -24,7 +24,7 @@ } @media (max-width: 1200px) { .selector-3 { - font-size: calc(1.2rem + 1.066666666666667vw)!important; + font-size: calc(1.325rem + 0.9vw)!important; } } /* rfs shorthand */ @@ -33,7 +33,7 @@ } @media (max-width: 1200px) { .selector-4 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } /* not supported unit */ @@ -51,7 +51,7 @@ } @media (max-width: 1200px) { .selector-7 { - font-size: calc(1.15rem + 0.8vw); + font-size: calc(1.3rem + 0.6vw); } } } @@ -61,6 +61,6 @@ } @media (max-width: 1200px) { .selector-8 { - font-size: calc(1.2rem + 1.066666666666667vw); + font-size: calc(1.325rem + 0.9vw); } } -- cgit v1.2.3