Câu hỏi Phép trừ không hoạt động trong scss la bàn


Trong khi tôi yêu la bàn, 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:

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 điều đó và tất cả đều cho tôi:

padding-left: 20px -1px;

Nó thực sự khó hiểu tôi bởi vì tôi có điều này trước đó trong .scss và nó hoạt động tốt:

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

Bất kỳ thông tin chi tiết nào về lý do tại sao điều này đang xảy ra?


27
2017-11-03 21:09


gốc


Có lẽ bạn có thể đăng cập nhật của bạn như là một câu trả lời và chấp nhận nó? - Reto Aebersold


Các câu trả lời:


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

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

50
2018-05-23 13:42



ở trường đại học, chúng tôi đã được dạy các dấu gạch nối không được sử dụng trong các 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! - Toni Leigh