Chức năng "Nhỏ gọn" ở Bourbon với SASS không được gọi là

Question

Tôi gặp vấn đề khi sử dụng mixin có trong Bourbon. Khi mixin này sử dụng chức năng "nhỏ gọn" của Bourbon, nó chỉ biên dịch nó thành css mà không cần sử dụng nó. Đây là một ảnh chụp màn hình của CSS rendred cho một hộp bóng:

http://i.stack.imgur.com/YF1JB.png

tôi sử dụng nó trên một trang web không tĩnh, với phiên bản mới nhất Sass. Tôi sử dụng Codekit để biên dịch.

Cảm ơn bạn đã trợ giúp!

Answer 1

Ok vậy sau khi lặn sâu hơn một chút ở đây là cách tôi đã sửa nó.

Vấn đề này có lẽ được gây ra bởi vì các cam kết này: https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

Các compact chức năng đã được viết lại trong Ruby để tích hợp tốt hơn với Rails. Ban đầu tôi chỉ cần sao chép dán thư mục 'stylesheet' từ repo. Và đó là khi tôi bắt đầu sytax sai.

Tôi đã sửa lỗi bằng cách đọc hướng dẫn :) - hướng dẫn về cách cài đặt nó trong Rails và sau đó nó hoạt động.

Trong trường hợp của bạn, idk nếu họ có một thực hiện codekit nhưng tôi tin rằng bạn có thể sửa chữa nó bằng cách thêm đoạn mã sau:

@function compact($var-1,  $var-2: false, 
        $var-3: false, $var-4: false, 
        $var-5: false, $var-6: false, 
        $var-7: false, $var-8: false, 
        $var-9: false, $var-10: false) { 
    $full: $var-1; 
    $vars: $var-2, $var-3, $var-4, $var-5, 
     $var-6, $var-7, $var-8, $var-9, $var-10; 

    @each $var in $vars { 
    @if $var { 
     $full: $full, $var; 
    } 
    } 
    @return $full; 
} 

(Tôi đã nhận mã từ repo)

trong một tên tệp _function.scss bên trong thư mục addons của bạn và tham chiếu nó trong _bourbon.scss. Và điều đó sẽ khắc phục vấn đề của bạn.