Comparing version 2.0.0 to 2.1.0
{ | ||
"name": "rfs", | ||
"version": "2.0.0", | ||
"version": "2.1.0", | ||
"description": "A scss-mixin for responsive font-sizes.", | ||
@@ -5,0 +5,0 @@ "main": "scss/rfs.scss", |
@@ -6,11 +6,11 @@ # RFS [![npm][npm-image]][npm-url] | ||
## 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: | ||
@@ -17,0 +17,0 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Found 1 instance in 1 package
26951
11
23
0