austinvernsonger / sass_starter_template

Folder and File Structure for your SASS Project

SASS_Starter_Template

Folder and File Structure for your SASS Project

Structure

Main.scss

Base Folder

_reset.scss       # Reset/normalize
_typography.scss  # Typography rules 

Components Folder

_buttons.scss     # Buttons
_carousel.scs     # Carousel 
_cover.scss       # Cover 
_dropdown.scss    # Dropdown
_navigation.scss  # Navigation

Helpers Folder

_variables.scss   # Sass Variables 
_functions.scss   # Sass Functions 
_mixins.scss      # Sass Mixins 
_helpers.scss     # Class & placeholders helpers 

Layout Folder

_grid.scss        # Grid system 
_header.scss      # Header 
_footer.scss      # Footer 
_sidebar.scss     # Sidebar 
_forms.scss       # Forms 

Pages Folder

_home.scss        # Home specific styles 
_contact.scss     # Contact specific styles

Themes Folder

_theme.scss       # Default theme 
_admin.scss       # Admin theme 

Vendors Folder

_bootstrap.scss   # Bootstrap 
_jquery-ui.scss   # jQuery UI