Andy Bell
New on the blog: LH units are cool https://andy-bell.co.uk/lh-units-are-cool/
LH units are cool - Andy Bell

I’ve seen a few examples of the new(ish) lh unit out in the wild, but what I haven’t seen is examples of what I think is one of the most useful things you can do with them: sizing icons! Historically, I’ve used em, ch and ex units to size icons in contexts like buttons so […]

Andy Bell
Dec 13, 2023 at 4:02pmWeb
Show threadPaweł GrzybekDec 13, 2023

@andy Another good use case of lh/rlh!

https://pawelgrzybek.com/vertical-rhythm-using-css-lh-and-rlh-units/

#css

Vertical rhythm using CSS lh and rlh units | pawelgrzybek.com

Vertical rhythm is a design concept that helps to create a harmonious layout by following consistent spacing between elements, typically using the height of a line as a base.

pawelgrzybek.com
Show threadAndy BellDec 13, 2023
@pawelgrzybek smart!
Show threadAndy ClarkeDec 13, 2023

@andy I literally just did THIS!

.alt-endmark:after {
content: "";
display: inline-block;
width: .5lh;
height: .5lh;
background-color: var(--color-2);
transform: translate(5px,0); }