diff options
author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2017-11-10 00:05:28 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@intracto.com> | 2017-11-10 00:05:28 +0300 |
commit | 8e012c4f6cae518b8ab22e9a2f79abcd8c389bef (patch) | |
tree | 6deec109f43259abb7df01e525083d6499c31851 | |
parent | 809779a49e687c3002c2b4cbd89daca67ebb5f31 (diff) |
Documentation fixes
-rw-r--r-- | README.md | 9 | ||||
-rw-r--r-- | scss/_rfs.scss | 2 |
2 files changed, 10 insertions, 1 deletions
@@ -99,6 +99,15 @@ Add this number to $rfs-minimum-font-size (14) The higher `$rfs-factor`, the less difference there is between font sizes on small screens. The lower `$rfs-factor`, the less influence RFS has, which results in bigger font sizes for small screens. If `$rfs-factor` is set to 1, there wouldn’t be any difference at all. 1 is the lowest possible value. *Default value: `5`* +**$rfs-mobile-first** (Boolean) +Use mobile first rendering, enabling this can cause legacy browsers which doesn't support vw-units to incorrectly render the font-size. +*Default value: `false`* + +**$rfs-two-dimensional** (Boolean) +Enabling the two dimensional media queries will determine the font size based on the smallest side of the screen with `vmin`. This prevents the font-size from changing if the device toggles between portrait and landscape mode. +*Default value: `false`* + + ## Demos - [Simple Codepen Demo](http://codepen.io/MartijnCuppens/pen/ZBjdMy) - [RFS in bootstrap demo](http://martijncuppens.github.io/rfs) diff --git a/scss/_rfs.scss b/scss/_rfs.scss index 271d95d..5d8cd3c 100644 --- a/scss/_rfs.scss +++ b/scss/_rfs.scss @@ -21,7 +21,7 @@ $rfs-minimum-font-size-unit: px !default; $rfs-breakpoint: 1200px !default; $rfs-breakpoint-unit: px !default; -// Use mobile first rendering, enabling this will cause legacy browsers +// Use mobile first rendering, enabling this can cause legacy browsers // which doesn't support vw-units to incorrectly render the font-size. $rfs-mobile-first: false !default; |