0

在应用指南针垂直节奏模块时，有一件事情困扰着我，如果标题太长而无法放入一行，那么行高看起来太大了，因为它遵循 $base-line-height 变量的值。一般来说，我认为它应该更好地遵循经验法则：标题越大，行高越小。

我找到了一篇涵盖该主题的文章，建议在特定标题的字体大小上使用 $base-line-height。基于 adjust-font-size-to 和 adjust-leading-to 混合我创建了修改版本：

@mixin adjust-headline-size-to($to-size, $lines: lines-for-font-size($to-size), $from-size: $base-font-size) {
  @if not $relative-font-sizing and $from-size != $base-font-size {
    @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
  }
  font-size: $font-unit * $to-size / $from-size;
  @include adjust-headline-leading-to(if($relative-font-sizing, $to-size, $base-line-height));
}

@mixin adjust-headline-leading-to($to-size) {
   line-height: $base-line-height / $to-size;
}

这是一个干净的修改吗？我对 adjust-headline-leading-to 中的 (if($relative-font-sizing, $to-size, $base-line-height)) 语句有疑问，基于：

@mixin adjust-leading-to($lines, $font-size: $base-font-size) {
  line-height: rhythm($lines, $font-size);
}

小型测试用例的输出看起来很可靠，但想小心并询问在adjust-headline-size-to 和adjust-headline-leading-to 中是否有任何严重的明显错误？最好的问候拉尔夫

4

0 回答 0