create scss structure setup

Solutions on MaxInterview for create scss structure setup by the best coders in the world

showing results for - "create scss structure setup"
Juan Martín
23 Oct 2020
1sass/
2|
3|- abstracts/
4|  |- _mixins             // Sass Mixins Folder
5|  |- _variables.scss     // Sass Variables
6|
7|- core/
8|  |- _reset.scss         // Reset
9|  |- _typography.scss    // Typography Rules
10|
11|- components/
12|  |- _buttons.scss       // Buttons
13|  |- _carousel.scss      // Carousel
14|  |- _slider.scss        // Slider
15|
16|- layout/
17|  |- _navigation.scss    // Navigation
18|  |- _header.scss        // Header
19|  |- _footer.scss        // Footer
20|  |- _sidebar.scss       // Sidebar
21|  |- _grid.scss          // Grid
22|
23|- pages/
24|  |- _home.scss          // Home styles
25|  |- _about.scss         // About styles
26|
27|- sections/ (or blocks/)
28|  |- _hero.scss          // Hero section
29|  |- _cta.scss           // CTA section
30|
31|- vendors/ (if needed)
32|  |- _bootstrap.scss     // Bootstrap
33|
34- app.scss                // Main Sass file