SASS/SCSS: Tham khảo tài sản mà không sử dụng biến trung gian

Question

Có thể tham chiếu đến thuộc tính được xác định trước đó trong bộ chọn mà không đưa vào biến trung gian không?

Tôi muốn nói điều gì đó như:

.foo { 
    padding: 15px; 
    width: 300px - $padding; 
} 

Tôi biết rằng $ đệm cú pháp tìm kiếm một biến xác định, tôi chỉ sử dụng nó trong ví dụ trên để minh họa cho những gì tôi muốn đạt được trong chức năng.

Ví dụ trên sẽ tương đương như sau:

.foo { 
    $padding: 15px; 
    padding: $padding; 
    width: 300px - $padding * 2; 
} 

Answer 1

Không, bạn không thể, và nó sẽ là tuyệt vời.

Tôi chưa thử nghiệm, nhưng theo như tôi biết bộ xử lý trước css duy nhất có thể làm điều đó là stylus. Nhìn vào số variable section trong tài liệu của nó, nơi nó cho biết Tra cứu thuộc tính. Nó hoạt động theo cách đó:

.foo { 
    padding: 15px; 
    width: 300px - @padding * 2; 
} 

Nhưng không, trong Sass bạn không thể, theo như tôi quan tâm.

Answer 2

Nếu tùy chọn sử dụng một bộ tiền xử lý khác thì hãy quét, tôi thực sự khuyên bạn nên sử dụng Stylus. Có một tính năng được gọi là Property lookup mà chính xác là những gì bạn muốn.