使用带有Susy和Breakpoint的Codekit 2

时间:2014-05-07 13:10:50

标签: susy-compass compass-sass codekit breakpoint-sass

我喜欢将Codekit用于带有Susy和Breakpoint的Compass-Poject。

@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";

但是有一条错误消息"要导入的文件未找到或不可读:断点。"

我可以在Codekit2中使用Breakpoint吗?

谢谢!

4 个答案:

答案 0 :(得分:6)

是的,但是,由于Codekit 2并没有像Breaky和Compass一样捆绑断点,它并不像@import "breakpoint";那么容易。您需要做的是,使用Codekit 2的Bower集成,下载breakpoint-sass bower软件包并将导入更改为@import "../bower_components/breakpoint-sass/stylesheets/breakpoint";

答案 1 :(得分:0)

为什么不使用@include susy-breakpoint(设置,布局);?它允许您添加一次设置,而不是使用@include断点(您的设置);然后@include布局(你的布局);在下一行。

答案 2 :(得分:0)

我不再在凉亭包的Codekit列表中看到breakpoint-sass。我会继续检查。

答案 3 :(得分:0)

对于那些在凉亭包的CodeKit列表中找不到 breakpoint-sass 的人,您可以执行以下操作。

npm install -g bower
bower install at-import/breakpoint

然后

@import "../bower_components/compass-breakpoint/stylesheets/breakpoint"

在主.scss文件中。