Utilities

File: src/scss/_core/utils/_font.scss

Font Size & Weight

Class Description Quick Example
.fs--*
.font-weight-lighter .font-weight-light .font-weight-normal .font-weight-medium .font-weight-bold .font-weight-bolder .font-italic

Smarty added .fs--* classes to help you change in a second the font size (in pixels).

Variables are defined in: _core/utils/_variables.scss
$util-font-size-val: 10 11 12 13 14 15 16 17 18 19 20 25 30 35 40 45 50 60 !default;

Example: .fs--15 for 15px font size.

Please note: .font-weight-lighter might not be different than .font-weight-light because of the webfont used (Roboto in our case). But will work if the font support it!

.font-weight-medium was added by Smarty because looks little bit clearer than bold in most layouts.

.fs--11

.fs--15

.fs--20

.fs--30


.font-weight-lighter

.font-weight-light

.font-weight-normal

.font-weight-medium

.font-weight-bold

.font-weight-bolder