2011-11-03 34 views
25

Trong khi ive được yêu thương compass, tôi chỉ chạy đến một vấn đề khó hiểu. Tôi đang cố gắng để trừ một từ một giá trị như thế này:Phép trừ không hoạt động trong la bàn scss

padding-left:($top-bar-padding*4)-1; 
padding-left:($top-bar-padding*4-1); 
padding-left:($top-bar-padding*4)-1px; 
padding-left:($top-bar-padding*4-1px); 

Tôi đã thử tất cả những người và tất cả họ đều cho tôi:

padding-left: 20px -1px;

Nó thực sự khó hiểu cho tôi vì tôi có điều này trong đầu tệp .scss và hoạt động tốt:

padding:$top-bar-padding*2+2 $top-bar-padding*4;

Mọi thông tin chi tiết về lý do điều này xảy ra?

+0

lẽ bạn có thể gửi bản cập nhật của bạn như là một câu trả lời và chấp nhận nó? –

Trả lời

48

Bạn cần có một không gian trước và sau khi các trừ biểu tượng như thế này:

($top-bar-padding*4 - 1)
+4

tại trường đại học, chúng tôi đã được dạy dấu gạch ngang không được sử dụng trong tên biến vì lý do này, mặc dù lời khuyên này dường như đã bị bỏ qua bởi các tác giả css. Kết quả ? Vấn đề khó hiểu này, các anh chàng học sinh cũ thường đúng! –

Các vấn đề liên quan