Container Query Sizing

Would it be beneficial to only alter the CSS var in breakpoint for containers

Nope this would fuck up with inheritance .


:root{

[class=^ “_1”]{
--size :1
}
}
.container{
[class=^ “_1”]{
--size :1
}
}

Better answer is to wrap the responsive features
Grid, columns, rows, display, flex direction, align, padding, margin, max—w and width. Col-start col-end row-start & row-end.
In their own stylesheet for now and load it after the CSS of UC.css
.ContainerQuery:Wrapper{}
.wrapper@container{}
.col-start1
.row-end_1
.columns_x
.rows_x
.m_x
.p_x
.{position: absolute,relative,…}
.{display: block, …}
.flex{size,basis, direction}
.self{align}
.items{align}
.justify_{align}