50 min listen
729: CSS Native @scope
ratings:
Length:
18 minutes
Released:
Feb 12, 2024
Format:
Podcast episode
Description
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
Released:
Feb 12, 2024
Format:
Podcast episode
Titles in the series (100)
JavaScript Tooling - 004: Show Notes Sick Picks Turn Ideas into Products Faster Design, prototype, and gather feedback all in one place with Figma. The TS3 is designed for users who require their Thunderbolt™ dock to act as the main charging hub for their... by Syntax - Tasty Web Development Treats