Getting Started - Naming Conventions | Crossroads Digital Design Kit

Getting Started

Naming Conventions

Names for any .sass and/or .scss files should be prepended with an underscore character (e.g. _variables.scss). This convention tells the Sass compiler to not generate an individual copy of this file within the build directory.

When naming SVGs for inclusion in the compiled sprite, please follow the general conventions imposed by Font-Awesome. Each name should consist of a descriptor and optional modifier that provides a distinction related to direction or shape with a hyphen delimiting the two values.

For example, a chevron icon that points right should be called chevron-right.svg while a search icon should be named search.svg or search-circle.svg (to denote an icon encapsulated with a circle).