Colors
Use color modifiers to to give elements background and text colors drawn from the Pivotal UI color palette.
Prepend any color name with bg-
to apply that color to an element's background. Prepend any color name with type-
to apply that color to an element's text.
Color palette
black
dark-gray
gray
accent-gray
gray-150
light-gray
white
teal
accent-teal
light-teal
dark-blue
blue
accent-blue
light-blue
dark-red
red
light-red
green
accent-green
light-green
decorative-yellow
light-yellow
Imports
Import CSS:
import 'pivotal-ui/css/colors';