⚡️ LH e RLH são novas unidades de medidas no CSS que permitem a exploração da propriedade line-height como medida referencial.

👉 LH representa o line-height do elemento que está controlando o contexto.

👉 RLH representa o line-height do elemento pai mais próximo que possui definição line-height ou o line-height padrão do próprio <html>.

🧩 No exemplo, o ícone com valor de 1lh preenche totalmente a altura, pois o elemento que controla o contexto tem o line-height computado pelo texto Lorem ipsum.

🧩 Quando o ícone usa o valor 1em, o mesmo não preenche totalmente a altura, pois em utiliza-se da definição font-size do texto Lorem ipsum.

😋 Muito útil, não é?

LoFM.