line-heightの相対計算

2024.12.28

この記事を読むのに必要な時間は約 1 分です。

line-heightの相対計算には以下の関数を使用します。

@function lineHeight($fontsize, $height) {
  @return math.div($height, $fontsize);
}

使用例は以下となります。

.hoge {
  font-size: min(16px, px-to-vw(16));
  line-height: lineHeight(16, 26);
}