Container queries are widely available!
Happy 30-month anniversary to Container Queries – shipping in every browser since February of 2023. It was supposed to be impossible, but here we are!
Winging It
post type
CSS Cascade Layers
If you’ve ever found yourself in a specificity war, you’ll understand how important having control over style priority can be. During our conversation, we discussed what CSS Layers are and how you can use them in your project.
What we cover:
Copy permalink to “What we cover:”- What is the cascade, and why is it important in CSS?
- How we historically dealt with cascade/specificity problems (before layers)
- What CSS Layers are and how they work
- Why unlayered styles are prioritized
- How to start using Layers within a project
- Additional best practices when using Layers
We also chat about what’s new in CSS, including new color tools, :has, scope,
nesting, and more.
Links:
Copy permalink to “Links:”Recent Episodes
Winging It post typeAvoid this mistake when anchor positioning a popover!
Are you positioning a popover with CSS anchor positioning and
position-area? Make sure to override the default margins on the popover.
Winging It post typeThere’s a new stretch keyword in CSS?
There’s a new stretch keyword that we can use for CSS
heightandwidthproperties. But how is that different from100%? And how is that different from100vhwhen we want a full-height layout?
