Sass Breakpoint不起作用 - 我做错了什么？

Question

我刚刚安装了Breakpoint，添加了

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 partial

顶部导入断点

@import "breakpoint";

Answer 2

error sass/screen.scss 

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

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

@import 'breakpoint' 

来自您的主scss文件。

Answer 3

安装pckg：npm我断点萨斯 将此包含在_breakpoint.scss文件中：

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

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

@import 'breakpoints';