About this episode
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
Get every episode summarized
Each time Syntax - Tasty Web Development Treats publishes, we email you a written briefing from the transcript — the topics, who appeared, and any specific claims, with the ad reads skipped.
Email me new episodesFree for 3 shows. No card needed.
No transcript yet
This episode has not been transcribed. Request it and it moves to the front of the queue.
More episodes
More from Syntax - Tasty Web Development Treats
995: Next.js Vendor Lock-in No More
Syntax - Tasty Web Development Treats
Apr 13, 20261:04:18failed
994: AI Sucks At CSS
Syntax - Tasty Web Development Treats
Apr 8, 20261:00:16failed
993: It’s Been A Hell Of Week
Syntax - Tasty Web Development Treats
Apr 6, 202638:12failed
992: Migrating Legacy Code Just Got Easier
Syntax - Tasty Web Development Treats
Apr 1, 202629:07failed