Sass @import is being replaced with @use and @forward
39 هزار بار بازدید -
3 سال پیش
-
🔥 My course: Responsive Design
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b
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: https://www.seevid.ir/fa/w/nI0BfXFjI1I
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Intro
https://www.seevid.ir/fa/w/dOnYNEXv9BM - ✨ Thank you to GitHub sponsors clint25104, ChideraObi, and Deta ✨
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Walkthrough of the demo project
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Looking at files with "old" way using @import
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Issues with @import and why @use and @forward were introduced
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Sass modules explained
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Updating the old Sass files with the new @use and @forward rules
https://www.seevid.ir/fa/w/dOnYNEXv9BM - How the new rules fix the issues with @import
https://www.seevid.ir/fa/w/dOnYNEXv9BM - Updating Gulp config for the new Sass syntax
Resources mentioned:
Sass Modules by Miriam Suzanne -- https://www.oddbird.net/2019/10/02/sass-modules/
Libsass is Deprecated -- https://sass-lang.com/blog/libsass-is-deprecated
Support for @import will be dropped latest Oct 2022 -- https://github.com/sass/sass/blob/main/accepted/module-system.md#timeline
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks:
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w
💻 Other gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books -- https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- https://coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder
#sass #css #coding
3 سال پیش
در تاریخ 1400/06/01 منتشر شده
است.
39,006
بـار بازدید شده