You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello, I'm trying to adjust the font size of a hgroup > p element and according to the documentation adjusting the the --pico-font-size variable should be enough. Here is my HTML:
<!DOCTYPE html><html><head><metacharset="utf-8"><metaname="viewport" content="width=device-width"><linkrel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
><title>My derp page</title><styletype="text/css" media="all">
h1 {
--pico-font-size: 10px;
}
hgroup > p {
--pico-font-size: 50px;
}
</style></head><body><hgroup><h1>Some title</h1><p>This is inside a heading group</p></hgroup><p>More text</p></body></html>
I use an embedded style sheet here for brevity. This does work for the h1 (even if I change it to hgroup > h1), but not for the hgroup > p.
Firefox shows me that hgroup > :not(:first-child):last-child has the font size hard-coded to 1rem, but even after unchecking that setting in the inspector the font size remains the same.
Am I missing something here or is this a bug in Pico?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello, I'm trying to adjust the font size of a
hgroup > pelement and according to the documentation adjusting the the--pico-font-sizevariable should be enough. Here is my HTML:I use an embedded style sheet here for brevity. This does work for the
h1(even if I change it tohgroup > h1), but not for thehgroup > p.Firefox shows me that
hgroup > :not(:first-child):last-childhas the font size hard-coded to1rem, but even after unchecking that setting in the inspector the font size remains the same.Am I missing something here or is this a bug in Pico?
Beta Was this translation helpful? Give feedback.
All reactions