Utilities Overview
Utilities
Utility classes are defined in lib/styles/02-util/_helperclasses.scss
and lib/styles/01-base/_fonts.scss.
Categories
| Category | Classes |
|---|---|
| Backgrounds | .bg-gradient-2, .bg-primary, .bg-gray-10, .dark-background |
| Typography | .typography--sans, .headings--bold |
| Font Family & Style | .body-font-sans, .body-font-regular, .body-font-italic, .heading-font-bold, ... |
| Spacing | .m-t-{size}, .m-b-{size}, .gap-{size} |
| Flexbox | .flex, .flex-inline, .flex-direction-{row,column,...}, .flex-wrap, .flex-justify-{start,end,center,between,around,evenly}, .flex-align-{start,end,center,baseline,stretch}, .flex-content-{start,...}, .flex-self-{start,...}, .flex-grow-{0,1}, .flex-shrink-{0,1} |
| Text | .text-align-center, .center-section |