The styles are broken down into a few different types by folder and included in the master application.scss
manifest file:
- Variables There is one master variables file that exists at the stylesheet root. This file provides you with standardized type, spacing, timing, colors, etc. Keep in mind these variables affect the whole site.
- Tools Tools are mixins or functions. Please prefix each file with its type
_mixin
or_function
. - Normalize Prevents initial style cross-browser inconsistencies...you know the drill.
- @font-face
- Base This file supplements any addition element styling that Normalize missed.
- Components These are the meat and bones of our interface–anything visual on the page is a component. Component classes are constructed like this:
.c-title
, with child elements:.c-title__subtitle
, style variants can be used like so:.c-title.c-title--small
. Children elements of a component should never be nested inside of a different parent component, f