Sass 非文本元素的指南针垂直算法

在这些日子里，我跳进指南针，我可以说我真的很喜欢它。顺便说一下，我提出了一些关于适合我需要的适当工作流程的问题。让我们举个例子：

正如您所见，我设置了一个非常简单的网格（5px，因为整个垂直节奏基于25px的基线网格）。我想知道如何利用内置的compass mixin将非文本元素（如容器和图像）适合基线

---

提前谢谢。

好的，我自己找到了解决方案。我和你们分享它，也许它对某人有用，或者，更好的，你们可以帮助我改进它

以上面的例子来说

让我们用以下参数设置基线25px：

@import "compass/typography/vertical_rhythm";

$base-font-size: 16px;
$base-line-height: 5px;

@include establish-baseline;

html {@include adjust-leading-to(5);}

通过这种方式，我们将基线细分为子单元（在本例中为1/5），以便在组合中有更多的自由度

现在，我们可以使用两个指南针元素，根据我们的设计相应地调整空白：

.inner-header {
    @include leader(3);
    @include trailer(2);
}

引线允许通过多条基线线控制引线空间（在这种情况下，引线空间为3条线，15px）

拖车也会对尾随空间执行相同的操作

我不认为这是最优雅的解决方案，但现在它的工作

更新

我发现处理空白的最好方法是下面的速记混音

rhythm-padding($padding-leader, $padding-trailer, $font-size)