Beginn weniger Werte Werte mit einem Punkt - css, weniger

Ich verwende eine kleinere Variable für den CSS-Namespace:

@search-row-height: 57px;
@namespace: rp-users-;

.@{namespace}search-row {
height: @search-row-height;
}

Gibt es sowieso die Periode drin zu setzen@namespaces Wert? Wenn Sie ihn vom Anfang des CSS-Selektors an den Anfang des @ Namespace-Werts (@namespace: .rp-users-) verschieben, wird ein Kompilierungsfehler ausgegeben.

Antworten:

Sie können mit Flucht umgehen:

@search-row-height: 57px;
@namespace: ".rp-users-";

@namespaceselector: ~"@{namespace}search-row";
@{namespaceselector} {
height: @search-row-height;
}