萨斯断点将无法正常工作 - 我究竟做错了什么？

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文件规定，你需要在文件的顶部做你的所有宝石的进口。

如果重命名文件_screen.scss那么它会拉在

@import 'breakpoint' 

从你的主SCSS文件。

Answer 3

安装pckg：NPM我断点 - 萨斯包括这在你的_breakpoint.scss文件：

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

进口和使用SCSS断点文件，你正在使用。

@import 'breakpoints';