vades/sass-directory-structure.md

## sass-directory-structure.md

      
    Raw
  

              sass-directory-structure.md
            
          
    SASS directory structure

Core

Contains SASS variables, functions, mixins, config and other stuff.
Base

Contains the project boilerplate code such as typo, resets, dimensions, media queries, colors and other helpers that are commonly shared among the entire project.
Layout

Holds all files that handle the layout, such as content, sidebars, header and footer.
Components

Contains all independent parts (modules) such as inputs, buttons, tables, accordions and many other components.
Custom

Holds custom code for specific project needs.
Vendor

Holds all third party code from external libraries
sass


core

mixins

_mixin-1.scss
_mixin-2.scss
_mixin-3.scss
...


variables

_colors.scss
_variables.scss
_media-queries.scss
...


base

_base.scss
_typo.scss
_dimensions.scss
...


layout

_body.scss
_footer.scss
_header.scss
...


components

_accordion.scss
_alert.scss
_form.scss
...


vendor

normalize.scss
...


custom

_colors.scss
_variables.scss
_header.scss
...