Learn Sass in 30 Minutes
👉 Become A VS Code SuperHero https://vsCodeHero.com
In this web development tutorial we are going to learn the basics of Sass. Sass gives your CSS Superpowers!
With Sass, we can create variables. We can use imports and partials to separate our CSS code into smaller chunks. We can use mixins that allow us to reuse CSS code. Nesting allows us to write children elements directly inside the parent element and much more!
We are going to setup a Sass extension in Visual Studio Code (VS Code). This extension will automatically compile our Sass into CSS on save making the process seamless.
If you are interested in learning more about CSS and Sass then you are in the right place!
_____________________________________
đź“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
đźź Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
đźź Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
đźź SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
đź’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #Sass #CSS
source
