SASS/SCSS: fare riferimento alla proprietà senza utilizzare una variabile intermedia

Question

È possibile fare riferimento a una proprietà precedentemente definita in un selettore senza introdurre una variabile intermedia?

Mi piacerebbe dire qualcosa come:

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

so che $ imbottitura sembra sintatticamente per una variabile definita, io uso solo nell'esempio di cui sopra per illustrare ciò che voglio raggiungere in termini di funzionalità.

L'esempio di cui sopra sarebbe equivalente a questo:

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

Answer 1

No, non è possibile, e sarebbe bello.

Non ho provato, ma per quanto ne so l'unico pre-processore css che può fare è stylus. Guardare il numero variable section nella sua documentazione, dove è indicato Property Lookup. Funziona in questo modo:

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

Ma no, in Sass non è possibile, per quanto mi riguarda.

Answer 2

Se è un'opzione per utilizzare un altro preprocessore quindi scss, mi raccomando davvero di utilizzare Stylus. C'è una funzionalità chiamata Property lookup che è esattamente ciò che desideri.