Sass 断点不起作用 - 我做错了什么？答案

【问题标题】：Sass Breakpoint won't work - what am I doing wrong?Sass 断点不起作用 - 我做错了什么？
【发布时间】：2019-02-05 17:14:34
【问题描述】：

我刚刚安装了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'.)

这是为什么呢？

【问题讨论】：

【解决方案1】：

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

@import "breakpoint";

【讨论】：

【解决方案2】：

error sass/screen.scss

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

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

@import 'breakpoint'

来自您的主 scss 文件。

【讨论】：

【解决方案3】：

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

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

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

@import 'breakpoints';

【讨论】：