KPC
Kevin Powell - Community•2w ago
snxxwyy

Best use cases for the "lh" unit

Hey, i was wondering what the best use cases for the lh unit are, i see a lot of people use it for spacing and for icon sizes like in this example (https://codepen.io/piccalilli/pen/OJdYxRv), i'd appreciate any insight, thanks in advance.
3 Replies
ἔρως
ἔρως•2w ago
https://piccalil.li/blog/lh-units-are-cool/ it's the line height basically, the best use-case is the one in the example, to avoid that the icon extends past the line height
RAiDeRTuRbO
RAiDeRTuRbO•2w ago
https://css-tricks.com/lh-and-rlh-units/
Chris Coyier
CSS-Tricks
lh And rlh Units | CSS-Tricks
There's some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is "equal to the computed value of line-height" and rlh is
snxxwyy
snxxwyy•2w ago
Ah I see, thank you both, I’ll look into both articles
Want results from more Discord servers?
Add your server
More Posts
Overlay trickhttps://frontendmasters.com/blog/quick-trick-using-border-image-to-apply-and-overlay-gradient/Issue with JQuery event handlerHello. I'm animating a navbar which responds to mouse and keyboard events using JQuery event handlerI don't know how to deploy this Node.js websiteI made a website that uses MongoDB and Node.js, and Im not sure how and where I should deploy it.variables inside the function and order of Precedence in JSThe variable fahrenheit has function scope i understand but it is still not declared (as a let or coMystery spacing between 2 flex rowsMinimal reproducible code: https://codepen.io/ifigoinimightdie/pen/xxNeYxg I have a simple flexbox vertically position floated elementhttps://codepen.io/sos909/pen/XWwQZpN how can i make the `a` element appear at the bottom line of thCan't center title - horizontally + verticallyCurrent result - image 1 Desired result - image 2 Code, HTML: ``` <section class="hero"> <Override Default Border on InputI am working on the tip calculator project on frontendmentor and I've used :hover, :focus and :activNot getting informations from a formI am using web3forms in order to get infro from a form to my gmial but insted of getting the info, iCalculation of hypothetical main size and flex base size with paddingsSo i was reading this article by kevin : https://css-tricks.com/equal-columns-with-flexbox-its-more-