Utilities
Since Prism is built on top of the Bootstrap framework, the design system is able to take advantage of Bootstrap's many utilities and helper classes. The utilities described on this page are by no means an exhaustive list. See Bootstrap's docs for the full description of the (utility classes and helpers.

Color

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

.bg-info
.bg-primary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent
ReactHTML

Flex

'gold': $gold, 'cerelean': $prism-cerelean, 'smoke': $prism-smoke, 'navy': $prism-navy, 'slate': $prism-slate, 'info': $prism-cerelean, 'cyan': $prism-cerelean, 'primary': $primary, 'primary-dark': $primary-dark, 'primary-blue': $primary-blue, 'secondary': $primary-blue, 'secondary-light': $prism-cerelean-light, 'secondary-dark': $prism-navy, 'danger': $prism-scarlet, 'danger-light': $prism-scarlet-light, 'danger-dark': $prism-scarlet-dark, 'dark': \$prism-charcoal,

Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
ReactHTML
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
ReactHTML
p-1 m-1
p-2 m-2
p-3 m-3
p-4 m-4
p-5 m-5
p-4 m-4
p-3 m-3
p-2 m-2
p-1 m-1
ReactHTML