【问题标题】:Gutters in Susy remaining intact as spacing between elements. Bonus: wider doesn't workSusy 中的排水沟作为元素之间的间距保持不变。奖励:更宽不起作用
【发布时间】:2015-06-02 23:29:57
【问题描述】:

在 susy 中的两个块之间有一个不需要的空间。尽管使用了wide 功能,但它似乎完全遵循网格的大小。

$susy: (
  columns: 9,
  gutters: 0.454,
  debug:(image: show,
  output : overlay,)
)
;
#grid{
    @include container(9);
    @include background-grid; 
    gutter-width: 0.454;
    }

#main_side_img{
  @include span(1.75 wide of 9);
}  

#main_heading_container{
  @include span(4 of 9);
  background-image: url(http://i.imgur.com/7Yxm5Sa.jpg);
  }

上面的代码,将#main_side_img 设置为1.75 创建了这个:

所以我将#main_side_img 的值设置为2,令我沮丧的是,两个盒子之间的空间保持不变,而排水沟只是移动了!

gutter 保持不变,与我为 span 参数设置的值无关。

奖励:不应该更宽来填充左侧和右侧的排水沟吗?它正在向右填充 2 个排水沟宽度。

【问题讨论】:

    标签: susy-compass susy-sass susy susy-next


    【解决方案1】:

    将no-gutters 关键字添加到您的大跨度中。虽然wide 告诉它为跨度宽度添加更多空间,但它不会自动删除装订线输出。

    @include span(1.75 wide of 9 no-gutters);

    【讨论】:

      猜你喜欢
      • 2015-07-25
      • 1970-01-01
      • 1970-01-01
      • 2014-10-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-07
      相关资源
      最近更新 更多