This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Fluid Modular Type Scale | |
| * | |
| * A pure-CSS fluid typography system that smoothly scales font sizes | |
| * between a minimum and maximum viewport width using a modular scale. | |
| * | |
| * Based on the great work of those at Clearleft, modified for modern css (pow()) | |
| * (https://utopia.fyi/blog/css-modular-scales/) | |
| * | |
| * Required custom properties (set on a parent or :root): |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* this is the "root" in "root em." */ | |
| html { | |
| font-size: 62.5%; /* Now 10px = 1rem! */ | |
| } | |
| body { | |
| font-size: 16px; /* px fallback */ | |
| font-size: 1.6rem; /* default font-size for document */ | |
| line-height: 1.5; /* a nice line-height */ | |
| } |