ImmersiveAmbientModecolor: #db9ab9 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: c62b6c03c325639c44c8022ea9d45eca24f5a2254c5770496729b21d93e1171c6d3a3b984d73ef7bdb129c01fbe01c3f
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715674429127 - unknown on Apple WebKit
Mystery text : Q1ItYTh1cE5qSjAgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
242,442 Views • Feb 23, 2021 • Click to toggle off description
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: • Sass with auto-refresh (and more) mad...
Why Sass changed to Dart: 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
💬 discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: www.kevinpowell.co/courses
👕 Buy a shirt: teespring.com/stores/making-t...
💖 Support me on Patreon: www.patreon.com/kevinpowell
---
My editor: VS Code - code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: www.instagram.com/kevinpowell.co/
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awe
Views : 242,442
Genre: Education
Date of upload: Feb 23, 2021 ^^
Rating : 4.973 (63/9,333 LTDR)
RYD date created : 2022-04-09T17:36:04.877243Z
See in json
YouTube Comments - 591 Comments
Top Comments of this video!! :3
I don't know it sounds like a pain in the butt to me. Although, I do understand why some people find it important.
118 |
Kevin, thank you so much for continuing to keep us up to date on these types of things. I swear without you I would be left behind in the CSS world. I appreciate all that you do
2 |
Kevin, I just wanted to say thank you for all you do. You've really helped me as I learn design and development. I also really appreciate that you don't edit it out if you make a mistake. You fix it and move on. This helps me to not tear myself down if I make a mistake.
13 |
Freaking fantastic, I couldn't understand what on earth was going on after reading the official docs and a CSS tricks article, but you managed to explain it like I was 5 years old in 5 minutes. Would definitely take your Sass course after this to stay up to date, when registration opens...
61 |
Mr. Powell, simply magnificent !! Fantastic explanation !! People like you let us (beginners from not-so-developed economies/countries) move forward in life one step at a time. THANK YOU !!! May you prosper in life !!
18 |
Stumbled many times on @forward, finally got the clarity.
Thanks. 🙏🏼
|
We have to invest more into the setup, but for the usability we will get the return. Thanks for your great work!
|
Kevin, this is just what I needed. I'm coming up to speed with Sass and @use and @forward are some of the first things I needed to learn. Your explanations are very clear and understandable. Thank you for sharing your knowledge.
|
your voice and flow of detail is perfect!
|
Please do more advanced tutorials about @forward and @use. You teaching style is very easy to follow and accessible!
4 |
Finally someone who explains the changes on Sass. I couldn't get it working on my own, knowing the changes, so I just stucked to the @import. Thank you for the video. Time to get used to a new work flow.
2 |
Finally understood. Impossible to explain it clearer and shorter 🤓 🚀 Thanks Kevin, you're extremely talented to teach whatever you bring into your videos!
2 |
Hi Kavin, I'm also a Frontend UI/UX Developer and I enjoyed watching your videos. these are very helpful. Please make more videos on Advanced SCSS practices.
Thanks
2 |
Before I found this video, I was beginning to panic, unable to get @use and @forward to work for me. This was extremely helpful — thank you!!
1 |
Duuuude, did you read my mind!? I was learning about all this new sass stuff yesterday and here you are!
|
thanks Kevin, very well explained! How easy hard topics are when you tackle them and explain to us!
|
Thank you very much, Kevin! You help us all understand Sass and Css better. Make a video of what's new in Sass, please!
|
Great quick intro to @use and @forward. Please do a more advanced video. I would also love to see your strategy for using media queries with SASS. In Vanilla CSS, I used to create multiple stylesheets for each breakpoint. With SASS, my media queries are in my components files and I've found it can get muddled pretty quickly. Thanks for the great videos and keep up the awesome work.
1 |
This is fantastic timing Kevin! I use the same boilerplate project file for my websites that I continually add to. As it has grown, it has a number of reused SASS files. All of which utilise the @import method. I think this is a good time for me to strip back my SASS files and restructure it is in the fashion. Thank you for this explanation! I look @forward to seeing more @use-s of this 😂
|
@XavierSmithXcellence
3 years ago
Yes, please do an advanced video.
221 |