Sass scss structure for future projects and a possible styling framework

Sass Structure

sass/
|
|– 01-elements/ 
|   |– _globals.scss     # All the colors, Animations
|   |– _fonts.scss       # Reset/normalize 
|   |– _texts.scss       # Typography rules
|   |– _lists.scss       # Lists
|   |– _images.scss      # Images
|   |– _forms.scss       # Forms
|   |– _buttons.scss     # Buttons
|   |– _tables.scss      # Tables
|   |– _media.scss       # Video and Audio
|   |– _links.scss       # Links
|   |– _grids.scss       # Grid layout
|   ...                  # Etc… 
| 
|– 02-groups/ 
|   |– _header-nav.scss  # Header navigation navigator
|   |– _footer-nav.scss  # Footer navigator
|   |– _tabs.scss        # Tabs
|   |– _breadcrumbs.scss # Dropdown 
|   |– _social.scss      # Social Share
|   |– _accordion.scss   # Accordion
|   ...                  # Etc… 
| 
|– 03-blocks/ 
|   |– _header.scss      # Header block
|   |– _footer.scss      # Footer block 
|   |– _article.scss     # Article body
|   |– _posts.scss       # posts group
|   ...                  # Etc… 
|
|– 04-templates/ 
|   |– _homepage.scss    # Index page
|   |– _contact.scss     # Contact page
|   |– _blog.scss        # Blog page
|   ...                  # Etc…
|
|– helpers/ 
|   |– _reset.scss       # Reset/normalize 
|   |– _variables.scss   # Global Variables
|   |– _helpers.scss     # Helper Classes
|   |– _mixins.scss      # Sass Mixins
|   ...                  # Etc…
| 
|– vendors/ 
|   |– _bootstrap.scss   # Bootstrap 
|   |– _jquery-ui.scss   # jQuery UI 
|   ...                  # Etc… 
| 
| 
|– style.scss            # primary Sass file 



html/ 
|
|– 01-elements/ 
|   |– grids.html        # Grid layout
|   |– colors.html       # colors
|   |– fonts.html        # Reset/normalize 
|   |– texts.html        # Typography rules
|   |– lists.html        # Lists
|   |– images.html       # Images
|   |– forms.html        # Forms
|   |– buttons.html      # Buttons
|   |– tables.html       # Tables
|   |– media.html        # Video and Audio
|   |– links.html        # Links
|   ...                  # Etc… 
| 
|– 02-groups/ 
|   |– header-nav.html   # Header navigation navigator
|   |– footer-nav.html   # Footer navigator
|   |– tabs.html         # Tabs
|   |– breadcrumbs.html  # Dropdown 
|   |– social.html       # Social Share
|   |– accordion.html    # Accordion 
|   ...                  # Etc… 
| 
|– 03-blocks/ 
|   |– header.html       # Sass Variables 
|   |– footer.html       # Sass Functions 
|   |– article.html      # Sass Mixins 
|   |– posts.html        # Class & placeholders helpers 
|   ...                  # Etc… 
|
|– 04-templates/ 
|   |– homepage.html     # Index page
|   |– contact.html      # Contact page
|   |– blog.html         # Blog page
|   ...                  # Etc…