Una delle funzionalità più interessanti offerte da LESS è quella di effettuare dei calcoli. In questo script vedremo come questa funzionalità può essere utilizzata a nostro vantaggio.
Supponiamo di avere due tag DIV e che il secondo div debba essere largo esattamente il doppio del primo. Quello che possiamo fare con LESS è dichiarare una variabile che rappresenti la dimensione del primo DIV e poi nel secondo DIV assegnare la larghezza moltiplicando per due la variabile creata in precedenza. Nel prossimo snippet possiamo vedere come realizzare quanto appena esposto.
@baseWidth: 30%;
.div1 {
width: @baseWidth;
}
.div2 {
width: @baseWidth * 2;
}
Il vantaggio di questa tecnica consiste nel fatto che se abbiamo molti DIV da mantenere in proporzione e in seguito decidiamo di cambiare la dimensione del DIV di base, ci basta cambiare solo il valore della variabile baseWidth lasciando inalterato il resto del file.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare AbortController per cancellare operazioni asincrone in JavaScript
Controllare la velocità di spostamento su una pagina HTML
Configurare OpenAI in .NET Aspire
Pubblicare un MCP Server in GitHub MCP Registry
Utilizzo di CSS Scroll Snap per realizzare un carousel
Utilizzare @property per animare nativamente un oggetto HTML tramite CSS
From Data to Insight: Exploratory Data Analysis with Python, VS Code and SQL MCP Server
Utilizzare i named query filter di Entity Framework
Cache temporanea in Javascript con oggetti
Building Custom Developer Agents
Impostare automaticamente l'altezza del font tramite CSS
Esporre un server MCP con Azure API Management


