Style Guide

The style guide is built into the base Drupal site, and renders the styleguide.html.twig template at /style-guide.

Quickly customize styles

Update the arrays at the top of the style guide to customize it for your site.

Options to customize: fontStyles As you add a new font style to typography.css, adding the class name will show the style as text and as a link.

btnLinkStyles As you add a new button or link style to buttons-links.css, adding the class name to show the style.

iconBtnLinkStyles As you add a new button or link style to buttons-links.css, adding the class name to show the style.

Not all colors should be used for text or background colors. textColorsDk: render on a white background textColorsLt: render on a black background bgColorsDk : render with light text bgColorsLt : render with dark text