首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用Susy 2将较大断点中的沟槽宽度加倍?

如何用Susy 2将较大断点中的沟槽宽度加倍?
EN

Stack Overflow用户
提问于 2014-07-30 22:00:12
回答 1查看 246关注 0票数 1

我希望在较小的断点中设置1/4大小的沟槽宽度,然后在较大的断点和更高的断点中设置为1/2

我如何在全局上将其设置为_variables.scss文件,而不必在每个susy-breakpoint()中声明它(其中有大量这样的文件)?

似乎下面的东西应该可以工作,但它正在抛出错误。

代码语言:javascript
复制
$susy: (gutters: 1/4);

@include susy-breakpoint($large-width, $large-columns) {
  $susy: (gutters: 1/2);
}

17:56:33在_variables.scss的第50行上警告:默认情况下为全局变量"$susy“赋值是不可取的。在Sass的未来版本中,这将创建一个新的局部变量。如果要为全局变量赋值,请使用"$susy:(gutters: 1/ 2)!全局“。请注意,这将与Sass 3.2不兼容。

使用$susy: (gutters: 1/2) !global;不起作用--它只是忽略了较大断点中的1/2,而使用了1/4。

EN

回答 1

Stack Overflow用户

发布于 2014-07-30 23:25:19

刚刚看了一部由埃里克·M·苏珊娜( Eric . Suzanne )主演的Sass Bites插曲,并根据他的一个例子找出了答案:

代码语言:javascript
复制
$susy: (gutters: 1/4);

$large-width: 960px;
$large-settings: (gutters: 1/2);

@include susy-breakpoint($large-width, $large-settings) {
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25047718

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档