Utilities
Single-purpose classes that can be combined on any element.
| Class | Description |
|---|---|
bold | Bold text |
italic | Italic text |
text-center | Centre the text |
text-left | Align the text left |
text-right | Align the text right |
no-border | Remove the border |
no-border-radius | Remove rounded corners |
no-box-shadow | Remove the box shadow |
no-margin | Remove all margins |
no-padding | Remove all padding |
no-background | Make the background transparent |
no-select | Stop the text from being selected |
center-display | Centre a block element and its text |
center-flex | Centre the children with flexbox |
<p class="bold italic text-center">bold italic text-center</p>
<div class="center-flex"><span class="label">center-flex</span></div>Fonts
| Class | Description |
|---|---|
arial | Arial |
monospace | The browser's monospace font |
times-new-roman | Times New Roman |
github | The system font stack GitHub uses |
<p class="arial">arial</p>
<p class="monospace">monospace</p>
<p class="times-new-roman">times-new-roman</p>
<p class="github">github</p>Source: scss/components/_forceStyle.scss