Tokens

Tokens are underlying, reusable values for color, spacing, and fonts. These tokens are used throughout the framework, and can be used for custom styling. These tokens are defined as custom CSS properties on the root element of every page. Properties directly referencing the brand (i.e. colors and fonts) are --vcu-* prefixed, while properties related to Compass are --cwf-* prefixed.

T4 implementation

In the university CMS, tokens are included in the Compass page layout's stylesheet.