Weird: leading-none applied to html/body element not inheriting correctly when setting text-lg or sim.
#19205
-
Take a look at this gif. I want the cart button to have So I've put When I set a font size like What's going on here? Is this some weird CSS specificity behavior I don't know about? Are the Chrome dev tools wrong? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
Okay, looks like the Chrome dev tools were misleading me here. Using the Firefox dev tools, I see 
And it also shows me that it's a custom @Property with inheritance set to 
which looks like the default for all TW variables. So I guess I'll have to just apply |
Beta Was this translation helpful? Give feedback.
Okay, looks like the Chrome dev tools were misleading me here. Using the Firefox dev tools, I see
--tw-leadingis NOT defined:And it also shows me that it's a custom @Property with inheritance set to
false:which looks like the default for all TW variables. So
text-lgwill not look up the ancestor tree to find--tw-leadingon<html>, and go to the fallback.I guess I'll have to just apply
leading-noneeverywhere I need it.