Stop using @import with Sass | @use and @forward explained

From the creator

Keep up to date with my Sass course: https://beyondcss.dev/?utm_campaign=OlderYouTubeVideos&utm_source=YouTube The use of @import has been deprecated in Sass for quite a while now, but a *lot* of people still use it. In this video, I take a quick look at the replacements you should be using instead, @use and @forward. I just scratch the surface in this one, but it should be enough to get you started! A quick note, if you are using node-sass, it is out of date and @use and @forward, as well as their entire module system, will not work. If you're using the Watch Sass extension in VS Code, there is no way to update it. If you are using npm or yarn, just switch out the install of node-sass for sass instead. Check out this video for the basics of getting Sass set up using the command line: https://youtu.be/wYWf2m_yzBQ Why Sass changed to Dart: https://sass-lang.com/blog/announcing-dart-sass // Chapters 00:00 - Introduction 00:56 - Watching files for changes 02:00 - @use basics and namespacing 04:46 - important @import and @use difference 07:46 - namespacing 08:38 - @forward with an index file 12:22 - Outro #sass #scss -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK --- Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support me

Published 2021-02-23 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.