diff options
| author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2017-08-24 13:02:55 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2017-08-24 13:02:55 +0300 |
| commit | 7f427b199d8da71ff75d08e8fd083eddd5c8f280 (patch) | |
| tree | 83460cbf85b7d48a47eb7b77f7221632af599a62 | |
| parent | 18377a8a66dd0f4a00a3e8342b132ba9eb63112c (diff) | |
Add gif-demo
| -rw-r--r-- | README.md | 6 |
1 files changed, 3 insertions, 3 deletions
@@ -1,6 +1,9 @@ # RFS [![npm][npm-image]][npm-url] [npm-image]: https://img.shields.io/npm/v/rfs.svg [npm-url]: https://npmjs.org/package/rfs +RFS stands for Responsive Font-Size, easy to remember, easy to use. This approach **automatically calculates the correct font-size** for every screen width. 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. + +#  ## Instalation You can use RFS in your project by installing it using a package manager (recommended): @@ -30,9 +33,6 @@ method is not recommended because you lose the ability to easily and quickly manage and update RFS as a dependency. -## About -RFS stands for Responsive Font-Size, easy to remember, easy to use. This approach **automatically calculates the correct font-size** for every screen width. 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, this prevents long words from being chopped off the screen - Super easy to use, no need to define complex configurations for each font-size |