Font Sizes

Sets the size of font used in a specific element.

You can add a breakpoint selector before the size selector for more control.

There are font size classes for each $font-size variables including the two new variables added by this plguin:

.font-size-xs
.font-size-sm
.font-size-md
.font-size-lg
.font-size-xl

You can also add breakpoints to the classes in the format of .font-size-[breakpoint]-[size].

i.e. .font-size-sm-lg which will apply the .font-size-lg class on small and larger screens.

Usage

@import 'path/to/node_modules/bootstrap-scss-plugins/scss/font-sizes';

<p class="font-size-lg">This is some text</p>