2013-05-28 103 views
0

我之前通过编写自己的mixin来破解这个问题,但是我有一种感觉,Susy必须有一种内置方法来解决这个问题。

我有一个移动优先的网格,它使用我的默认$ grid-padding,比如说1.5em,但是一旦我打到第一个断点,我切换到一个更宽的$ grid-padding-tablet,也许3em,等等其他断点。

另外,一些元素也使用blein mixin来给​​出无限宽度的视觉印象。

有没有简单的方法,只是使用类似@include容器而不是建立我自己的媒体查询和mixin来完成这个?

回答

2

对此的内置技术是with-grid-settings混入(documentation):

@include at-breakpoint($tablet) { 
    @include with-grid-settings($padding: $grid-padding-tablet) { 
    // your tablet code here 
    } 
} 
相关问题