如何設置超對稱容器的寬度和最大寬度

Question

我想用本地與Susy實現這一目標的mixin：

@mixin mainContainer($width, $maxWidth) { 
    width: $width; 
    max-width: $maxWidth; 
    margin-right: auto; 
    margin-left: auto; 
} 

我怎麼能這樣做？

謝謝！

Answer 1

爲這個mixin使用Susy的唯一原因是如果你想讓Susy提供這兩個值中的一個。如果您打算明確地將寬度和最大寬度作爲參數傳遞，則根本不需要涉及Susy。

我假設你確實希望Susy提供其中的一個值，所以我只是猜測哪一個值，如果我猜錯了，就讓它改變。爲了使用可定製輸出的Susy，您將使用container()函數代替container() mixin：

@mixin mainContainer($max-width, $susy: $susy) { 
    width: container($susy); 
    max-width: $max-width; 
    margin-right: auto; 
    margin-left: auto; 
}