Colors

Branding Colors

Below are branding background color classes you can add to any element.

  • .primary
  • .secondary

These colors can also be applied to text with the text-{color} classes.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Contextual Colors

Below are contextual background color classes you can add to any element.

  • .success
  • .info
  • .warning
  • .danger

These colors can also be applied to text with the text-{color} classes.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.

Donec rutrum, est vel posuere congue, arcu mauris euismod libero, eget mattis est orci vitae nisi. Sed congue quam non ante pharetra id aliquam nunc elementum.