與Susy 2網格的網格

我有以下電網定義：與Susy 2網格的網格

$main-grid: 12 (remCalc(62.4166667px) remCalc(20px)) after static float 
$twelve-fluid: 12 remCalc(15px) after fluid float 

+set-grid($main-grid)

的$main-grid被我.container設置。祝$twelve-grid要對.container一個孩子叫.container__main所以我有以下設置：

+use-grid($twelve-fluid) 
    .container__main 
    +rem(padding, 20px) 
    background-color: #ffffff 
    +background-image(linear-gradient(top, #c4c3b1, #ffffff remCalc(30px))) 
    +background-image(linear-gradient(top, #c4c3b1, #ffffff 30px)) 
    +background-grid

是錯誤的事情之一是，網格不適合20像素（或REM當量）填充內部的.container__main具有。我怎樣才能使它適應這種情況，這樣12個流體柱的網格就可以放入裏面了。

我也嘗試用替換+background-grid但我似乎沒有得到任何輸出？

rem像素寬度回退仍未顯示。這是在管道中嗎？（不要匆忙，只是我知道）。

任何想法？

來源

2013-11-25 rctneil

添加background-origin和-clip。那些會自動在未來發布前添加，但現在你必須手動添加它們：

.container__main 
    +background-origin(content-box) 
    +background-clip(content-box)

這將剪輯的其他背景一樣，所以你可以在一個混合包裹。像這樣：

@mixin show-grid($show: $show-grids) 
    @if $show and $show != hide 
    +background-grid 
    +background-origin(content-box) 
    +background-clip(content-box) 

.container__main 
    +show-grid

這只是一個臨時的解決方法 - 使用alpha的一部分。我們已經將它固定在susy-next分支上，我們很快就會將它列入新的寶石中。

來源

2013-11-25 18:20:45

好吧，那麼使用該子網格佈局的項目的寬度，在這種情況下$ 12-網格，他們是否注意到周圍的填充，它只是需要修復的網格背景？覆蓋網格和回退問題如何？ – rctneil

是的，背景網格需要填充的幫助，但實際元素佈局好或不填充。我不知道你如何使用覆蓋網格，或者你嘗試過什麼，所以我不能說這些。 Susy Next還沒有支持rem-fallback。 –

與Susy 2網格的網格

回答

相關問題