gaiuscoffey
gaiuscoffey
PostsComments
KPCKevin Powell - Community
Created by gaiuscoffey on 4/17/2024 in #front-end
Follow up from yesterday: subgrid with different tags browser incompatibility.
PS: I have a sort-of workaround by "inherit"ing the columns for fieldset. Not perfect by any means, but at least allows me to use the correct tag for the correct purpose.
        fieldset.subgrid {
            grid-template-columns: inherit;
        }
        fieldset.subgrid {
            grid-template-columns: inherit;
        }
PPS: Also, I have "width:100%;" in the .subgrid that is not needed.
4 replies
KPCKevin Powell - Community
Created by gaiuscoffey on 4/16/2024 in #front-end
Grrr. @supports is wrong or subgrid is wrong. :(
Sorry, will do that next time. This was venting rather than coding. It does what I expect in Firefox, so code is correct, but subgrid fails everywhere else, so… not a goer for production in any case.
5 replies
KPCKevin Powell - Community
Created by gaiuscoffey on 2/28/2024 in #front-end
Why does prefers-color-scheme need duplication of styles?
Or at least… not without duplication of styles in the media query and :has selectors.
10 replies
KPCKevin Powell - Community
Created by gaiuscoffey on 2/28/2024 in #front-end
Why does prefers-color-scheme need duplication of styles?
It seems like a subset of styling is applied. I’ve been playing with it to persist theme preference using local storage, and it seems I can almost do away with the prefers-color-scheme media query if I use a tiny bit of JS, which is sort of ok, but I feel it should be possible to do all except the local storage without reverting to JS and not sure it is.
10 replies
KPCKevin Powell - Community
Created by gaiuscoffey on 2/28/2024 in #front-end
Why does prefers-color-scheme need duplication of styles?
Yes, timestamp is a mistake. But has is used for the css only theme changer. :has([value=“valForDark”) { color-scheme: dark; }
10 replies
KPCKevin Powell - Community
Created by gaiuscoffey on 2/28/2024 in #front-end
Why does prefers-color-scheme need duplication of styles?
Watch the video! (Or read the code.) It’s not using prefers to change theme, it’s using a :has selector to select a style based on select value.
10 replies