Sass được ghép nối thay vì thêm?

Question

tôi cần phải xác định chiều rộng trong mã SCSS của tôi như vậy:

#example { 
    width: $currentWidth + 349 !important; 
} 

đâu $currentWidth được xác định bởi các vòng lặp.

Tuy nhiên, Sass luôn kết thúc nối hai số thay vì thực hiện số học.

Tôi cũng đã cố gắng:

width: #{$currentWidth + 349}px !important;

Những kết quả vẫn nối.

Tôi tự hỏi mình đang làm gì sai? Tôi biết điều này là cực kỳ cơ bản, nhưng tôi cũng không thể tìm thấy thông tin tốt về cách Sass xử lý số học

Answer 1

Giả sử $currentWidth là một số nguyên.

Sass:

$currentWidth: 30; 

#example { 
    width: unquote(($currentWidth + 349) + 'px ' + !important); 
} 

CSS OUTPUT:

#example { 
    width: 379px !important; 
} 

Bạn có thể kiểm tra nó ở đây:

http://sass-lang.com/try.html