Un file LESS è solo un file "Meta-CSS" che deve essere convertito in vero CSS per poter essere interpretato dal browser. La conversione può essere fatta sia sul server (così da far arrivare al client già un file CSS) sia sul client (mediante un file JavaScript disponibile sul sito di LESS). Quando utilizziamo la seconda opzione, possiamo usare JavaScript per modificare a run time il valore di una variabile definita nel file LESS (un esempio di dichiarazione di una variabile è fornito nello script #81). Questo può essere utile, ad esempio, quando vogliamo ingrandire i caratteri dell'app, cambiare colori in base alla sezione dell'applicazione e molto altro ancora.
Il metodo per modificare una o più variabili è less.modifyVars e il suo uso è visibile nel seguente codice.
less.modifyVars({ '@fontSize': '12px' })
Il metodo less.modifyVars accetta in input un oggetto con i nomi delle proprietà da modificare e il proprio valore. Una volta chiamato questo metodo, il JavaScript di LESS reinterpreta il file LESS, rigenera il file CSS e lo riapplica alla pagina garantendo così che la modifica venga applicata immediatamente.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Estrarre dati randomici da una lista di oggetti in C#
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Gestire domini wildcard in Azure Container Apps
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare i primary constructor di C# per inizializzare le proprietà
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Creare alias per tipi generici e tuple in C#
Utilizzare un service principal per accedere a Azure Container Registry
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
C# 12: Cosa c'è di nuovo e interessante
Generare un hash con SHA-3 in .NET
Usare una container image come runner di GitHub Actions