Sass and SCSS

  1. Core Sass Features
    1. Variables
      1. Declaring Variables
        1. Variable Syntax
          1. Value Assignment
          2. Variable Usage in Styles
            1. Variable Scope
              1. Global Scope
                1. Local Scope
                2. The `!global` Flag
                  1. Making Variables Global
                  2. The `!default` Flag
                    1. Setting Default Values
                    2. Variable Naming Conventions
                      1. Best Practices
                        1. Naming Patterns
                      2. Nesting
                        1. Nesting Selectors
                          1. Following HTML Structure
                            1. Avoiding Over-Nesting
                              1. Performance Considerations
                                1. Readability Issues
                              2. The Parent Selector
                                1. Appending to Parent Selectors
                                  1. Creating BEM-style Selectors
                                    1. In Pseudo-classes and Pseudo-elements
                                    2. Nesting Properties
                                      1. Grouping Properties with Common Prefix
                                        1. Output in Compiled CSS
                                      2. Partials and Imports
                                        1. The `@import` Rule
                                          1. Syntax and Usage
                                            1. Importing Multiple Files
                                            2. Creating Partials
                                              1. Underscore Prefix
                                                1. Exclusion from Direct Compilation
                                                2. Organizing Styles Across Multiple Files
                                                  1. Logical File Grouping
                                                  2. Structuring a Project with Imports
                                                    1. Example Project Structure
                                                      1. Managing Dependencies

                                                  Previous

                                                  3. Sass Syntaxes

                                                  Go to top

                                                  Next

                                                  5. Reusability and Abstraction