coreui / coreui-pro / 32521742902

93%

main: 94%

push

github

refactor(Grid): emit the CSS Grid columns at the top level (#834)

`make-cssgrid()` was called from inside the `.grid` rule, so Sass nested its
output and every column became `.grid .g-col-6`. That is Bootstrap 5.1's
placement, from the commit that added the grid; upstream moved the call out in
v6 and we kept the old one. No decision of ours is behind it.

Moving it two levels up gives their output exactly: `.g-col-6` at the top
level, specificity down from (0,2,0) to (0,1,0), and the `.grid ` prefix stops
repeating 138 times.

The one behavioural difference is that `.g-col-*` now matches outside a grid
as well. `grid-column` only applies to grid items, so it changes no layout —
measured: an element carrying `.g-col-6` in a plain block still fills its 800px
parent, and in a flex container still shrinks to content, before and after.

4537 of 5095 branches covered (89.05%)

Branch coverage included in aggregate %.

8661 of 9055 relevant lines covered (95.65%)

399.9 hits per line