@use "../../settings";

/*
Line Height

The line height module.

Weight: -92

Style guide: #{settings.$prefix}-text.line-height
*/

/*
Modifiers

The line height modifiers.

Weight: -100

Markup: <h1 class="#{settings.$prefix}-text  {{modifier_class}}">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h1>
<p class="#{settings.$prefix}-text  {{modifier_class}}">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</p>

#{settings.$prefix}-text--line-height-normal - Normal
#{settings.$prefix}-text--line-height-narrow - Narrow
#{settings.$prefix}-text--line-height-wide - Wide

Style guide: #{settings.$prefix}-text.line-height.builtin
*/
.#{settings.$prefix}-text--line-height {
  $pkg: settings.$pkg;

  &-normal {
    --line-height: normal;
  }

  &-narrow {
    --line-height: calc(var(--#{$pkg}-line-height) * 0.8);
  }

  &-wide {
    --line-height: calc(var(--#{$pkg}-line-height) * 1.2);
  }
}