LcsGa
Explore posts from serversKPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
I am trying to make some components (like cards) more flexible by using grids with named columns / named rows to place content with some sort of paddings, but without the need of using paddings.
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/22/2024 in #front-end
"Auto filled" grid not working as expected with subgrids
As stated in the title I'm facing an issue with grids when columns are auto filled and rows are subgrids.
I'm not sure if this is me who missed something or if this is an issue on these new grid features.
I made a reproduction here
=> if you shrink your window horizontally :
- the first items (without subgrid) will "wrap" as expected
- the second ones (with subgrid) won't and I don't know why
19 replies
KPCKevin Powell - Community
•Created by LcsGa on 4/29/2024 in #front-end
Shorten / improve CSS selector
Hi guys, I am wondering if there is a way to shorten that selector (used in a
querySelector): :is(.ng-invalid, .ng-invalid:not(form) *):is(input, textarea)?
What I want in the end is to select either input.ng-invalid or textarea.ng-invalid or .ng-invalid:not(form) input or .ng-invalid:not(form) textarea but I can't find a good way.
I tried something like .ng-invalid:not(form):is(*, * *):is(input, textarea) where I hopped for :is(*, * *) to sort of "replace" the first * with .ng-invalid:not(form) but of course it's not working!28 replies