_font-size.scss
Add or subtract font-sizes (px).
/* --------------- Font-Size Variables --------------- */
/* Add or subtract font-sizes (px). Be careful. Because font-sizes are tied to breakpoints your css can get rather large. */
$fnt-sizes: (10, 12, 14, 16);
/* --------------- /Font-Size Variables --------------- */
The Font-Size Class Prefix can be written in different ways depending on your desired specificity.
Minimal | .fnt |
---|---|
Abbr Strict | .fnt-size |
Strict | .font-size |
The following breakpoint extension can be customized and extended in the variable-settings.scss file.
Ext | Def | Breakpoint | Device |
---|---|---|---|
-tn | tiny | 0px | Small Phone |
-xs | extra-small | 480px | Phone |
-sm | small | 640px | Small Tablet |
-md | medium | 768px | Tablet |
-lg | large | 992px | Laptop |
-xl | extra-large | 1200px | Desktop |
-pr | Printed Page | All Devices |
The following Font-Size values are provided as they are the most commonly used. Font-Size values can be altered in the variable-settings.scss file.
Ext | Size |
---|---|
-10 | 10px |
-12 | 12px |
-14 | 14px |
-16 | 16px |
Font-Size
Font-Size