Last Updated: November 21, 2025
Focus Areas
| Focus |
|---|
Declare `container-type`
|
Update variables inside `@container`
|
Commands & Queries
.card { container-type: inline-size; }
Enable
@container (min-width: 400px) { }
Style
var(--card-padding)
Use
Summary
Container-aware vars keep components responsive.
💡 Pro Tip:
Scope names per container for clarity.