Answers for "sass folder structure"

sass guidelines folders

sass/
|
|– abstracts/
|   |– _variables.scss    # Sass Variables
|   |– _functions.scss    # Sass Functions
|   |– _mixins.scss       # Sass Mixins
|   |– _placeholders.scss # Sass Placeholders
|
|– base/
|   |– _reset.scss        # Reset/normalize
|   |– _typography.scss   # Typography rules
|   …                     # Etc.
|
|– components/
|   |– _buttons.scss      # Buttons
|   |– _carousel.scss     # Carousel
|   |– _cover.scss        # Cover
|   |– _dropdown.scss     # Dropdown
|   …                     # Etc.
|
|– layout/
|   |– _navigation.scss   # Navigation
|   |– _grid.scss         # Grid system
|   |– _header.scss       # Header
|   |– _footer.scss       # Footer
|   |– _sidebar.scss      # Sidebar
|   |– _forms.scss        # Forms
|   …                     # Etc.
|
|– pages/
|   |– _home.scss         # Home specific styles
|   |– _contact.scss      # Contact specific styles
|   …                     # Etc.
|
|– themes/
|   |– _theme.scss        # Default theme
|   |– _admin.scss        # Admin theme
|   …                     # Etc.
|
|– vendors/
|   |– _bootstrap.scss    # Bootstrap
|   |– _jquery-ui.scss    # jQuery UI
|   …                     # Etc.
|
`– main.scss              # Main Sass file

scss file structure

> scss
    > base
		> theme									
          |- _richBlue.scss
          |- ...
        |- __base-dir.scss					#Import all base .scss files
        |- _bootstrap.scss        
        |- _variables.scss

    > components
        |- __components-dir.scss			#Import all components .scss files
        |- _header.scss
		|- _ie.scss
        |- _liquid-design.scss
        |- ...

    > global
        |- __global-dir.scss				#Import all global .scss files
        |- _busyloader.scss
        |- _scrollbar.scss
        |- _utilities.scss
		|- ...

    > icomoon								#Additional third party folders
		> fonts
		|- demo.html
		|- style.css

	
    styles.scss					#Import all dir files and third party folders