Skip to content

Instantly share code, notes, and snippets.

@nfiniteset
Created April 18, 2017 20:16
Show Gist options
  • Save nfiniteset/b58da528835e97405c2cd3a0d19dde69 to your computer and use it in GitHub Desktop.
Save nfiniteset/b58da528835e97405c2cd3a0d19dde69 to your computer and use it in GitHub Desktop.
Sensible css file structure
modules/
<module-name>.scss // One file per module
mixins/
<mixin-name>.scss // One file per mixin (varations in one file are ok. e.g. `container` and `container-wide`)
base.scss // This is the *only* place you can style tagnames. More of a reset thing than a style thing.
variables.scss // A place for shared variables. e.g. colors, font sets($body-font, $header-font), and layout values ($header-height)
layers.scss // Variables used for z-index properties. e.g. $header-layer, $modal-layer, $alert-layer
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment