SASS/SCSS: Consulte la propiedad sin usar una variable intermedia

Question

¿Es posible hacer referencia a una propiedad previamente definida en un selector sin introducir una variable intermedia?

me gustaría decir algo como:

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

Sé que el relleno se ve $ sintácticamente para una variable definida, sólo lo uso en el ejemplo anterior para ilustrar lo que quiero lograr en la funcionalidad.

El ejemplo anterior sería equivalente a esto:

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

Answer 1

No, no se puede, y que sería genial.

No he probado, pero hasta donde yo sé, el único pre-procesador CSS que puede hacer eso es stylus. Mire el variable section en su documentación, donde dice Búsqueda de propiedades. Funciona de esta manera:

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

Pero no, en Sass no se puede, en lo que a mí respecta.

Answer 2

Si es una opción para usar otro preprocesador luego scss, realmente recomiendo usar Stylus. Hay una función llamada Property lookup que es exactamente lo que quiere.