如何在容器上設置填充？

Question

我有一個標題全寬，我想使用Susy數學設置填充，而不是每次在我的佈局中重寫容器的填充。

例如：

CSS：

@import "susy"; 
@import "compass/reset"; 

$susy: (
    columns: 12, 
    gutter-position: inside, 
    global-box-sizing: border-box 
); 

#header { 
    height: 80px; 
    background: red; 
} 

#footer { 
    height: 80px; 
    background: blue; 
} 

HTML：

<header id="header"></header> 
<footer id="footer"></footer> 

他們兩人都是全寬，但有當然沒有填充。 問題是：如何插入整個Susy默認的相同填充，如span，而不需要在容器上手動執行padding-left和padding-right？

Answer 1

Susy不對容器填充做任何事情。有沒有與Susy辦法做到這一點，但你可以創建自己的mixin或佔位符類來爲您處理它（即使使用超對稱沿途）：

$container-padding: gutter(); // any size you want 

@mixin container-padding($size: $container-padding) { 
    padding-left: $size; 
    padding-right: $size; 
}