Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/rfs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMartijn Cuppens <martijn.cuppens@intracto.com>2018-12-20 00:21:21 +0300
committerMartijn Cuppens <martijn.cuppens@gmail.com>2019-02-11 21:27:14 +0300
commit5ed2c4bf5961bebf1f63422830394d4eb732be01 (patch)
tree41d968a99ad42ad6f86b3105e90a05ffd7065f7e /examples
parentf162a6c54d036eb9b0df22ff2c59ed531b813215 (diff)
Increase base font size to 1.25rem and factor to 10
Diffstat (limited to 'examples')
-rw-r--r--examples/less/gulp/dest/main.css12
-rw-r--r--examples/less/node/dest/main.css12
-rw-r--r--examples/postcss/gulp/dest/main.css12
-rw-r--r--examples/postcss/gulp/gulpfile.js4
-rw-r--r--examples/postcss/node/dest/main.css12
-rw-r--r--examples/postcss/node/index.js4
-rw-r--r--examples/sass/gulp/dest/main.css14
-rw-r--r--examples/sass/node/dest/main.css12
-rw-r--r--examples/stylus/gulp/dest/main.css12
-rw-r--r--examples/stylus/node/dest/main.css12
10 files changed, 53 insertions, 53 deletions
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);
}
}