我正在开发一个新项目并开始使用grunt-sass而不是grunt-contrib-sass,因为它的速度更快。我也删除了指南针。现在的事情是,我找不到添加'susy'网格和'断点'的方法了。我曾经把它放在config.rb文件中,但我不再使用它,因为我不使用指南针。
所以我在我的项目中添加了所有susy样式,这样可以正常工作,但这不是我首选的方法。但是找不到添加断点的方法。
有没有办法添加这些?或者我必须使用指南针吗?
抱歉我的英语不好,不太擅长。
答案 0 :(得分:0)
不需要Compass,有一个新的susy-media
断点Mixin设计用于LibSass,这是你通过grunt-sass实际使用的。这就是我使用的东西,效果很好。因此,您可以在_vars.scss部分中定义一些Susy网格变量和断点,例如:
// Define susy.
$susy: (
columns: 12,
gutters: .8,
);
// Define some breakpoints.
$bp-narrow: 30em; // 480px
$bp-med: 48em; // 768px
现在把它们放在一起,例如在_layout.scss中说:
// the breakpoint (media query)
@include susy-media($bp-med) {
// now a grid
.l-foobar-wrap {
.foo {
@include span(7)
}
.bar {
@include span(5 at 8)
}
}
}
有关详细信息,read the susy docs,它全部适用于您,这适用于grunt-sass(LibSass)。这是我日常工作流程的一部分。
注意,作为非常好的媒体查询呈现和视网膜工作流的替代方法,我现在使用Include Media而不是susy-media
,它也适用于LibSass。