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
Aggiornare a .NET 9 su Azure App Service
Creare un webhook in Azure DevOps
Paginare i risultati con QuickGrid in Blazor
Eseguire le GitHub Actions offline
Miglioramenti nelle performance di Angular 16
Effettuare il binding di date in Blazor
Gestione degli stili CSS con le regole @layer
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Disabilitare automaticamente un workflow di GitHub
Criptare la comunicazione con mTLS in Azure Container Apps
Creare una libreria CSS universale: Nav menu
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
I più letti di oggi
- Organizzare il codice JavaScript utilizzando i moduli
- Utilizzare Azure Cosmos DB con i vettori
- Comunicazione bidirezionale con WebSockets e HTML5
- Recuperare i file utilizzati di recente in un'Universal App
- Gestione avanzata delle Progress Bar con Bootstrap
- Conoscere quando una periferica viene collegata nelle Universal App
- Disponibile Internet Explorer 10 Platform Preview 2 (IE10 PP2): ancora più supporto ad HTML5
- I nuovi tag figure e figcaption in HTML5
- Utilizzare il microfono nelle applicazioni Windows Phone