Susy的水槽寬度2

Question

在Susy 2的測試版2中，是否可以在主網格設置中設置水槽寬度，如下所示：？

$susy: (
    flow: ltr, 
    math: static, 
    output: float, 
    gutter-position: after, 
    container: auto, 
    container-position: center, 
    columns: 12, 
    gutters: .25, 
    !!!!gutter-override: 20px,!!!! 
    column-width: 77.5px, 
    global-box-sizing: border-box, 
    last-flow: to, 
    debug: (
    image: hide, 
    color: rgba(#66f, .25), 
    output: background, 
    toggle: top right, 
), 
); 

因爲它似乎並不喜歡它。我需要爲這個網格的列和排水溝設置明確的寬度，並且容器應該由這些確定。

Answer 1

在蘇西接下來，根據列寬（77.5px）將排水溝設置爲比率（.25）。鑑於這些設置，Susy可以確定溝槽寬度（77.5px * .25 = 19.375px）。

說你想要靜態數學，.25水槽和77.5px列，你已經設置了排水溝寬度，並且已經可以計算出該容器。如果你喜歡，你可以使用真正的像素值來設置排水溝比：

$susy: (
    column-width: 77.5px, 
    gutters: 20px/77.5px, // same as ".258064516" 
); 

Gutter-override是不是全局設置，並不會幫助你在這裏。當您想覆蓋全局值時，該設置僅適用於跨度。另外，我不推薦子像素設置。像素不會真正崩潰，並且分數像素聲明在各瀏覽器中的處理方式不同。