compass-sass - Sass 断点不起作用 - 我做错了什么？

Question

我刚刚安装了断点，添加

require "breakpoint"

到我的 config.rb，并定义了这些断点

$mobileMedium : 480px;
$tabletVertical : 768px;
$desktopNormal : 1024px;
$desktopWide : 1200px;

到我的 _breakpoint.scss。

当我尝试使用其中一个断点时，像这样；

@include breakpoint($mobileMedium) {
…
}

终端告诉我

error sass/screen.scss (Line 27: Undefined mixin 'breakpoint'.)

这是为什么？

Answer 1

您可能需要在 _breakpoint.scss 部分的顶部导入断点

@import "breakpoint";

Answer 2

error sass/screen.scss 

告诉我您正在编译的文件不是部分文件。因此，它不会从清单文件或 main.scss 文件中提取所有导入。如果这是您的主 scss 文件，那么如上所述，您需要在文件顶部执行所有 gem 导入。

如果您重命名文件 _screen.scss，它将拉入

@import 'breakpoint' 

从您的主 scss 文件中。

Answer 3

安装 pckg：npm i breakpoint-sass 将其包含在您的 _breakpoint.scss 文件中：

@import '~breakpoint-sass/stylesheets/breakpoint';

在您正在使用的 scss 中导入并使用断点文件。

@import 'breakpoints';