Goodbye SCSS, Hello Native CSS Nesting!

Native CSS has come to Chrome and is on it’s way to the other browsers! Here’s a basic introduction!

🔗 Key Links 🔗
- Github repo: https://github.com/coding-in-public/get-started-with-css-nesting/tree/main
- Chrome article: https://developer.chrome.com/articles/css-nesting/

---------------------------------------

🔗 Additional Links 🔗
- Current Support: https://caniuse.com/?search=nesting
- Vite: https://vitejs.dev/
- Postcss Nesting Plugin: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting

---------------------------------------

📹 Related Videos 📹
- PostCSS Introduction: https://youtu.be/nx8XgnJNvec

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
1:01 Why Nesting?
3:39 Three Basic Rules
7:55 Practice Nesting
12:34 PostCSS Polyfill

---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons

---------------------------------------

🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington

Видео Goodbye SCSS, Hello Native CSS Nesting! канала Coding in Public