Skip to content

Instantly share code, notes, and snippets.

@rhcarlosweb
Last active May 15, 2019 07:26
Show Gist options
  • Save rhcarlosweb/e2eb646abf6591287e8b35cd38667ce4 to your computer and use it in GitHub Desktop.
Save rhcarlosweb/e2eb646abf6591287e8b35cd38667ce4 to your computer and use it in GitHub Desktop.
Sass
scss/ # Import all ‘-dir.scss’ files
|
|- abstracts/
| |- __abstracts-dir.scss # Import all abstracts .scss files
| |- _fonts.scss # Font Import
| |- _mixins.scss # Scss Mixins
| |- _variables.scss # Scss Variables
|
|- base/
| |- __base-dir.scss # Import all base .scss files
| |- _reset.scss # Custom Reset/Normalize
| |- _typography.scss # Typography Rules
| … # Etc.
|
|- components/
| |- __components-dir.scss # Import all components .scss files
| |- _button.scss # Button Styles
| |- _input.scss # Input Styles
| |- _modal.scss # Modal Styles
| … # Etc.
|
|- layouts/
| |- __layouts-dir.scss # Import all layouts .scss files
| |- _footer.scss # Footer Styles
| |- _main-navigation.scss # Main Navigation Styles
| … # Etc.
|
|- vendor/
| |- __vendor-dir.scss # Import vendor folders
| |- bourbon/ # Bourbon
| |- fontawesome/ # Font Awesome
| |- neat/ # Bourbon Neat
| |- normalize/ # Normalize
| … # Etc.
|
`styles.scss # Main Scss File
sass/
|
|– 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…
|
|– utils/
| |– _variables.scss # Sass Variables
| |– _functions.scss # Sass Functions
| |– _mixins.scss # Sass Mixins
| |– _helpers.scss # Class & placeholders helpers
|
|– vendors/
| |– _bootstrap.scss # Bootstrap
| |– _jquery-ui.scss # jQuery UI
| ... # Etc…
|
|
`– main.scss # Main Sass file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment