diff options
author | Martijn Cuppens <MartijnCuppens@users.noreply.github.com> | 2017-06-26 15:01:35 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-06-26 15:01:35 +0300 |
commit | c4755cb29af554bffa4d6e8f6e7216de9173664f (patch) | |
tree | be99b2b2d96dd7546cbd97e6f29092c7cbb96c8f | |
parent | c2685854f58079a1d15c48d20737b43632a991a6 (diff) |
Update README.md
-rw-r--r-- | README.md | 10 |
1 files changed, 5 insertions, 5 deletions
@@ -3,15 +3,15 @@ [npm-url]: https://npmjs.org/package/rfs ## About -RFS stands for Responsive Font-Size, easy to remember, easy to use. It’s a desktop-first approach which automatically calculates the correct font-size for every screen width. Desktop-first approach means you just have got to define your font-size for big screens and the font-size will automatically decrease for smaller screens. RFS is a SCSS-mixin which generates the responsive css for you. +RFS stands for Responsive Font-Size, easy to remember, easy to use. It’s a desktop-first approach which **automatically calculates the correct font-size** for every screen width. Desktop-first approach means you just have got to define your font-size for big screens and the font-size will automatically decrease for smaller screens. RFS is a **SCSS-mixin** which generates the responsive css for you. ## The main advantages of using RFS -- Font-sizes will rescale for every screen width -- Super easy to use, no need to define mappings for each font-size +- Font-sizes will rescale for every screen width, this prevents long words from being chopped off the screen +- Super easy to use, no need to define complex configurations for each font-size - Font-sizes of all text-elements will always remain in relation with each other -- Rem-based font-sizes will allow the user to change his default font-size in his browser. People with bad vision can therefore set their font-size bigger to increase readability. +- Rem-based font-sizes will allow the user to change his default font-size in his browser. People with limited vision can therefore set their font-size bigger to increase readability. -## What does this algorithm do? +## How does it work? The algorithm splits the calculation of the font-size in 2: - 1 Static font-size for bigger screens |