🔥 My course: Responsive Design for Beginners! [ Ссылка ]
💻 Become a full-stack web dev with Zero to Mastery: [ Ссылка ]
This video explains the new @use and @forward rules in Sass that are replacing the old @import rule. I'll show you how the old and new rules compare, and how to set up your Sass/SCSS files in your workflow.
If you want to see me build a real-world project using the new Sass rules, check out my current series: [ Ссылка ]
0:00 - Intro
0:43 - ✨ Thank you to GitHub sponsors clint25104, ChideraObi, and Deta ✨
1:09 - Walkthrough of the demo project
1:58 - Looking at files with "old" way using @import
4:47 - Issues with @import and why @use and @forward were introduced
8:32 - Sass modules explained
10:11 - Updating the old Sass files with the new @use and @forward rules
16:03 - How the new rules fix the issues with @import
19:14 - Updating Gulp config for the new Sass syntax
Resources mentioned:
Sass Modules by Miriam Suzanne -- [ Ссылка ]
Libsass is Deprecated -- [ Ссылка ]
Support for @import will be dropped latest Oct 2022 -- [ Ссылка ]
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: [ Ссылка ]
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: [ Ссылка ]
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: [ Ссылка ]
🌟 Gulp for Beginners: [ Ссылка ]
RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- [ Ссылка ]
💻 Other gear -- [ Ссылка ]
📚 My Favorite Books -- [ Ссылка ]
📺 My Favorite Courses -- [ Ссылка ]
🔽 FOLLOW CODER CODER
Blog -- [ Ссылка ]
Twitter -- [ Ссылка ]
Instagram -- [ Ссылка ]
#sass #css #coding
![](https://i.ytimg.com/vi/dOnYNEXv9BM/maxresdefault.jpg)