Text Color

Primary .cdx-color-primary

Dark .cdx-color-dark

Dark 6 .cdx-color-dark-6

Dark 8 .cdx-color-dark-8

White .cdx-color-white

White 6 .cdx-color-white-6

White 8 .cdx-color-white-8

Background Color

.cdx-bg-dark

.cdx-bg-dark-1

.cdx-bg-primary

.cdx-bg-white

.cdx-bg-white-1

Font Weights

Font Weight 900 .cdx-fw-900

Font Weight 800 .cdx-fw-800

Font Weight 700 .cdx-fw-700

Font Weight 600 .cdx-fw-600

Font Weight 500 .cdx-fw-500

Font Weight 400 .cdx-fw-400

Font Weight 300 .cdx-fw-300

Font Family Classes

.cdx-font-primary — The quick brown fox jumps over the lazy dog

ICONIFY ICONS

https://icon-sets.iconify.design/

Buttons

.cdx-btn-1

.cdx-btn-2

.cdx-btn-3

.cdx-btn-3

.cdx-btn-3 .btn-square

.cdx-btn-3 .btn-min-square

.cdx-btn-3 .btn-outline .icon-lg

.cdx-btn-3 .btn-square .btn-outline

.cdx-btn-4

.cdx-btn-icon-1 .btn-small

Badges

Badge 1

.cdx-badge-1

Badge 2

.cdx-badge-2

Badge 3

.cdx-badge-3

Badge 4

.cdx-badge-4

CC

.cdx-badge-5

Badge 6

.cdx-badge-6

Social Icons

Font Size Classes

Class Name Min VW Max Starts At (px) Ends At (px)

Spacing Classes

Class Name Min VW Max Starts At (px) Ends At (px)