Learn SASS in 20 minutes | Sass Crash Course

Опубликовано: 13 Март 2025
на канале: Shubham Gupta

470

In this video I have explained the CSS preprocessor which SASS. SASS is Syntactically Awesome Style Sheet.

#sass #uidesign #frontend

For the setup I have used on Visual Studio Code extension which is Live Sass Complier. We need to create a scss file and it will compile it and turn into the css file using the map file. We can edit the map file as well.

For the SCSS, we have following thing explained in this video

Variables - We can use the variables in the sass. We can apply the arithmetic operations on the variables.

Selectors - We can have the components specific style with in a module.

Import - We can create a different file for any component specific styling and then import those into the main sass file.

Mixin - This is the core feature to reduce the repetition of the code. Using this we can create a chunk of code and can use it multiple time as per the parameters.

Extend - This is again a one of the core feature of the SASS. We can extend any component styles and then can write the override as well.

Thanks

Follow me -Facebook -   / shubhamguptafb
LinkedIn -   / shubhamorg
Twitter -   / shubhtt
Instagram -   / shubham.gupta7891
Youtube -    / shubhamguptag