SASS NOTES

This repository contains SASS topics and their notes to learn from beginner level to advanced level.

Refer the below contents, To kick start the learning of important concepts in SASS for Front-End application development. which gives you step by step approach to the concepts.
 

☰ CONTENTS

Fundamentals

1. Introduction:
   • What is Sass?
   • Installation
   • Compile Sass
   • Need for Sass
2. Basic Syntax:
   • Syntax Types
   • Setting up
   • Comments
   • File Paths
3. Sass Math:
   • Data types
   • Variables
   • Identical Variables
   • Default Value
   • Built-in Variables
   • Global Variables
   • Local Variables
   • Variable Shadowing
   • Control Variable with Flow Control
   • Unit Comparison
   • Unit Check
   • Minimum and Maximum Value
   • Operators
   • Ceil Function
   • Floor Function
   • Round Function
   • Absolute Function
   • Min and Max Functions
   • Clamp Function
   • Division Function
   • Percentage Function
   • Random Function
   • Pow Function
   • Log Function
   • Square Root Function
   • Hypot Function
   • Trigonometric Functions
4. Nesting:
   • Basic Nesting
   • Advanced Nesting
   • Selectors
   • Properties and Values
5. Partials:
   • Defining Partials
   • Import Partials

Core SASS Concepts

1. Strings:
   • Quoted Strings,
   • Unquoted Strings,
   • Strings Concatenation,
   • String Manipulation
2. Colors:
   • HSL Color
   • HWB Color
   • LAB Color
   • LCH Color
   • OKLAB Color
   • OKLCH Color
   • RGB Color
   • Color Adjust Function
   • Color Change Function
   • Opacify and Fade In Functions
   • Transparentize and Fade Out Functions
   • Extract Color Channels
3. Meta Comments:
   • At Rules
   • Compilation Control:
     • Import
     • Use
     • Forward
     • Mixin
     • Function
   • Conditional Compilation
   • Debugging and Error Handling
4. Mixins:
   • Mixin Declaration
   • Utilize Mixin
   • Mixin with Arguments
   • Mixin with Default Argument Value
   • Keyword Argument
   • N Number of Arguments
   • Arbitrary Keyword
   • Passing Arbitrary Arguments
   • Nested Mixins
   • Passing Argument to Content Block
   • Indented Mixins
   • Comparison with functions
5. Placeholders
   • Placeholder Declaration
   • Extending Placeholders
   • Extending Multiple Placeholders
   • Private Placeholders
   • Optional Placeholders
   • Extend Rule with Class Selector
   • Extend Pseudo Selector
6. Functions:
   • Function Declaration
   • Function Call
   • Function Arguments
   • Built-in Functions

Advanced SASS Concepts

1. Control Directives:
   • Control Flow Statements
   • IF Statement
   • ELSE Statement
   • ELSE IF Statement
   • Loops
   • FOR Through Loop
   • FOR To Loop
   • EACH Loop
   • EACH Loop Destructuring
   • WHILE Loop
2. Maps and Lists:
   • Maps
   • Accessing Map Items
   • Add Map Items
   • Merging Maps
   • Update Map Value
   • Maps Deep Merge
   • Map Remove
   • Map Deep Remove
   • Check Map Key Exist
   • Get Map Keys
   • Get Map Values
   • Lists
   • List Indexes
   • Accessing List Length
   • Identifying List Separator
   • Accessing List Item
   • Update List Item
   • Get Slash Separated List
   • Iterating List Items
   • Append List Item
   • Join List Items
   • Zip Multiple Lists
   • Find List Item Index
   • Argument List
   • List Bracketed Function
3. Modules:
   • Built-in Modules
   • Importing Modules
   • Global Functions

Best Practices

1. Organization
   • File Structure
   • Import Order
   • Naming Conventions
2. Performance Optimization
   • Minimize File Size
   • Optimize Calculations
   • Minimize Control Directive
   • Utilize Sass Modules
3. CSS Methodology:
   • BEM
   • SMACSS

By following this road map and consistently practicing, you can develop a strong foundation in SASS and build impressive web designs. For better understanding, consult with expert and double check with Official SASS manual, Before proceed in real-time implementations.

⚑ Contribution

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request. Make sure to follow the existing coding style and provide clear documentation for your changes.

⚑ License

This reference licensed under the MIT license. Feel free to use, modify, and distribute it as per the terms of the license.

⚑ Contact

If you have any questions or need further assistance, please feel free to reach me by referring My Github Profile

Thanks for reviewing this reference notes!