Flexible Framework Docs Blog Home

Documentation

Introduction

Flexible Framework

Variables

Breakpoint Variables Color Variables

Utilities

Grid Image Sizing

Classes

Background-Color Color Display
Float Font-Size Font-Style Font-Weight Line-Height Margin Padding Text-Align Text-Transform Text-Decoration-Line

Flexible Framework: Font-Style

_font-style.scss

Font Style: Class Prefix Options (Required)

The Font Size Class Prefix Prefixes can be written in different ways depending on your desired specificity.

Abbr Strict .fnt-style
Strict .font-style

Font-Style: Class Value Extensions (Required)

The following Text Alignment values are provided.

-normal -italic -oblique
-initial -inherit

Font-Style: Example Code



<!-- Abbreviated Strict: Font-Size is italic. -->
<div class="fnt-style-italic">Italic Font-Style</div>

<!-- Strict: Font-Style is 10px then it is 16px if the screeen is 768px wide. -->
<div class="font-style-oblique">Oblique Font-Style</div>