Directory structure
sass/
|
|โ abstracts/ (or utilities/)
| |โ _variables.scss // Sass Variables
| |โ _functions.scss // Sass Functions
| |โ _mixins.scss // Sass Mixins
|
|โ base/
| |โ _reset.scss // Reset/normalize
| |โ _typography.scss // Typography rules
|
|โ components/ (or modules/)
| |โ _buttons.scss // Buttons
| |โ _carousel.scss // Carousel
| |โ _slider.scss // Slider
|
|โ layout/
| |โ _navigation.scss // Navigation
| |โ _grid.scss // Grid system
| |โ _header.scss // Header
| |โ _footer.scss // Footer
| |โ _sidebar.scss // Sidebar
| |โ _forms.scss // Forms
|
|โ pages/
| |โ _home.scss // Home specific styles
| |โ _about.scss // About specific styles
| |โ _contact.scss // Contact specific styles
|
|โ themes/
| |โ _theme.scss // Default theme
| |โ _admin.scss // Admin theme
|
|โ vendors/
| |โ _bootstrap.scss // Bootstrap
| |โ _jquery-ui.scss // jQuery UI
|
`โ main.scss // Main Sass file