SASS/SCSS: Odwołaj się do właściwości bez użycia zmiennej pośredniej

Question

Czy można odwoływać się do właściwości uprzednio zdefiniowanej w selektorze bez wprowadzania zmiennej pośredniej?

Chciałbym powiedzieć coś takiego:

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

wiem, że $ wyściółka składniowo szuka określonej zmiennej, używam go tylko w powyższym przykładzie w celu zilustrowania tego, co chcę osiągnąć w funkcjonalności.

Powyższy przykład byłoby równoznaczne z tym:

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

Answer 1

Nie, nie można, i byłoby świetnie.

Nie testowałem, ale o ile mi wiadomo, jedynym pre-procesorem css, który może to zrobić, jest stylus. Spójrz na variable section w dokumentacji, gdzie znajduje się Wyszukiwanie właściwości. Działa to w następujący sposób:

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

Ale nie, w Sass nie możesz, o ile mi wiadomo.

Answer 2

Jeśli jest to opcja do używania innego preprocesora niż scss, naprawdę polecam używanie Stylus. Istnieje funkcja o nazwie Property lookup, która jest dokładnie tym, czego potrzebujesz.