Created
April 18, 2017 20:16
-
-
Save nfiniteset/b58da528835e97405c2cd3a0d19dde69 to your computer and use it in GitHub Desktop.
Sensible css file structure
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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