Sass and SCSS

  1. Best Practices and Project Architecture
    1. File and Folder Structure
      1. The 7-1 Pattern
        1. Abstracts
          1. Vendors
            1. Base
              1. Layout
                1. Components
                  1. Pages
                    1. Themes
                      1. Main File
                      2. Other Architectural Patterns
                        1. Atomic Design
                          1. SMACSS
                        2. Writing Maintainable Sass
                          1. Naming Conventions
                            1. BEM
                              1. SMACSS Naming
                                1. Consistent Variable and Mixin Names
                                2. Limiting Nesting Depth
                                3. Commenting in Sass
                                  1. Loud Comments
                                    1. Silent Comments
                                      1. When to Use Each Type
                                    2. Code Quality and Linting
                                      1. Using a Linter
                                        1. Setting Up Stylelint
                                          1. Common Linting Rules
                                          2. Enforcing Coding Standards
                                            1. Team Guidelines
                                              1. Automated Formatting Tools

                                          Previous

                                          9. Advanced Concepts

                                          Go to top

                                          Back to Start

                                          1. Introduction to CSS Preprocessing