PLAY PODCASTS
729: CSS Native @scope

729: CSS Native @scope

In this very hasty treat, Wes and Scott cover CSS Native @scope, the implementation of this tool, and some of its limitations. Show Notes Welcome to Syntax! Brought to you by . Why scope your CSS? Scott’s hot take. How does @scope CSS...

Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

February 12, 202418m 8s

Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

In this very hasty treat, Wes and Scott cover CSS Native @scope, the implementation of this tool, and some of its limitations.

Show Notes
  • 00:00 Welcome to Syntax!
  • 01:00 Brought to you by Sentry.io.
  • 01:33 Why scope your CSS?
  • 03:21 Scott’s hot take.
  • 05:43 How does @scope CSS work?
  • 07:31 Similar to a component-based workflow.
  • 08:00 Not having to specify a selector for your scope.
  • 09:52 Pseudo inline hover styles.
  • 11:31 Donut scope.
  • 13:01 “Inverted donut-hole scope”
  • 14:50 Browser support + limitations.

Mozilla @scope

The Style Element

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads