Sass @包括建立基线(基本字体大小);不产生输出?

Sass @包括建立基线(基本字体大小);不产生输出?,sass,compass-sass,Sass,Compass Sass,我的scss文件中包含以下内容: @import compass $base-font-size: 16px; $base-line-height: 20px; $lato: 'Lato, Helvetica, Arial, sans-serif'; html { @include establish-baseline($base-font-size); font-family: $lato; } 但是,当我检查CSS时,@include-build-baseline规则不会输出任

我的scss文件中包含以下内容:

@import compass
$base-font-size: 16px;
$base-line-height: 20px;
$lato: 'Lato, Helvetica, Arial, sans-serif';


html {
  @include establish-baseline($base-font-size);
  font-family: $lato;
}

但是,当我检查CSS时,@include-build-baseline规则不会输出任何内容,也不会出现编译错误。有人知道哪里不对吗?

我也在学习垂直节奏,下面是我的建议:


我认为语法应该是“@include-build-baseline;”(不带$base-font-size参数,因为当您包含build-baseline-mixin时,它会自动查找该参数以及$base-line-height),您还可以将该行从html选择器中移到$base line height声明下。

主要问题是:

在您的情况下,应该将导入的文件名
“compass”
放在引号之间:

@导入“指南针”

如果只想导入
建立基线混音
请改用:

@import“指南针/排版/垂直节奏”

一些提示:

  • 无需设置
    $base font size:16px
    ,因为导入的compass文件附带
    $base font size:16px!默认值
    变量声明
  • 正如@nyuen所说,您不需要将
    $base font size
    作为参数传递,您应该将
    @include-build-baseline
    移出html
以下是修改后的代码:

// you should use the file name to import between quotes
@import "compass";
// $base-font-size: 16px !default; it's already declared in compass
// $base-font-size: 16px;
$base-line-height: 20px;
$lato: 'Lato, Helvetica, Arial, sans-serif';

// This include should be use out of any selector
@include establish-baseline();

html {
  font-family: $lato;
}