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
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Usare lo spread operator con i collection initializer in C#
Usare le collection expression per inizializzare una lista di oggetti in C#
Disabilitare automaticamente un workflow di GitHub
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Paginare i risultati con QuickGrid in Blazor
Utilizzare le collection expression in C#
Evitare la script injection nelle GitHub Actions
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Eseguire le GitHub Actions offline
Utilizzare i primary constructor di C# per inizializzare le proprietà
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
I più letti di oggi
- PWAConf 2020 - Online
- Reactive form tipizzati con FormBuilder in Angular
- Utilizzare ChatGPT con Azure OpenAI
- Mantenere sempre reattiva una Lambda di AWS
- Messaggi in tempo reale con Blazor Server
- Una chat con #aspnetcore e #websockets https://aspit.co/bmh di @GentiliMoreno #webapi #aspnetcore2
- Autenticarsi in modo sicuro su Azure tramite GitHub Actions
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Creare una MarkupExtension per accedere alle proprietà statiche in Silverlight 5.0
- Navigare la struttura visuale di un UIElement fino a recuperare l'elemento logico in Silverlight 3.0