Come tematizzare in lesscss

Mentre sono in un ciclo di pre-produzione per sviluppare un’app, cambio spesso visuale per convergere in ciò che verrà convalidato dal cliente.

Alcuni elementi grafici della stessa pagina (chiamiamoli temi) sarebbero interessanti da conservare in modo che io possa presentarli rapidamente al cliente.

Il modo in cui ho trovato è quello di creare una class di aspetto che ho messo sul corpo e cambiandolo ho potuto modificare la pagina stessa di conseguenza.

Detto questo, sono interessato a tematizzare la variabile globale meno come segue:

// default appearance @navBarHeight: 50px; .appearanceWhite { @navBarHeight: 130px; } .appearanceBlack { @navBarHeight: 70px; } 

In questo modo, più tardi in .less, arrivo alle classi come segue:

 #navBar { height: @navBarHeight; // appearance handling .appearanceBlack & { background-color: black; } .appearanceWhite & { background-color: white; } } 

Certo, il caso reale se più complesso.

È ansible definire (o ridefinire) meno variabili a seconda di una class CSS di aspetto?