使用susy與libsass - 錯誤的輸出

Question

我使用libsass，因爲它比ruby sass更快並且使用bower導入susy。

@import "../bower_components/susy/sass/susy"; 

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

#content { 
    background-color: red; 
    @include span(9); 
} 

#sidebar { 
    background-color: blue; 
    @include span(3); 
} 

，輸出是：

#content { 
    background-color: red; 
    width: 75%; 
    float: left; 
    padding-left: 0.8333333333%; 
    padding-right: 0.8333333333%; 
} 

#sidebar { 
    background-color: blue; 
    width: 25%; 
    float: left; 
    padding-left: 0.8333333333%; 
    padding-right: 0.8333333333%; 
} 

它不能正常工作，它打破了網頁。然而，紅寶石sass輸出只改變填充到0.83333%，一切都是正確的。

正如您在上面看到的，libsass填充輸出與ruby sass輸出有很大不同。

什麼是錯的，以及如何解決它？

Answer 1

我意識到，這是沒有錯的，在所有的，我忘了補充：@include border-box-sizing;

我希望它可以幫助別人。