General

Responsive CSS Classes

There are several pre-defined, responsive CSS classes for quickly applying commonly used CSS properties.

They all follow the same general naming convention {property}-{bp}-{value} to apply responsively or {property}-{value}

Sass Variables, Functions and Mixins

In order to promote consistency and improve developer quality of life, we use Sass to define variables, mixins and functions. All of these are included in a library.scss file that can be pre-loaded in Webpack so that they are made available in single file Vue components. Anything in library.scss does not actually compile down to any CSS, rather just definitions that can be used to add CSS so that we always have common styles defined in one place.