sass-architecture-structure

scss/
|- abstracts/
|   |– _function.scss    # Sass Functions
|   |– _mixin.scss       # Sass Mixins
|   |- _variables        # Sass Variables
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _helper.scss      # Class & placeholders helpers
|   ...                  # Etc…
|
|– components/
|   |– _buttons.scss     # Buttons
|   |– _tab.scss         # Tab
|   |– _tooltip.scss     # Tooltip
|   ...                  # Etc…
|
|– layout/
|   |– _navigation.scss  # Navigation
|   |– _header.scss      # Header
|   |– _footer.scss      # Footer
|   ...                  # Etc…
|
|– pages/
|   |– _home.scss        # Home specific styles
|   |– _contact.scss     # Contact specific styles
|   ...                  # Etc…
|
`– style.scss            # Primary Sass file