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
Usare la libreria PredicateBuilder per eseguire query tramite Entity Framework che usano or su più campi
Eliminare record doppi in Sql Server
Definire il colore di una scrollbar HTML tramite CSS
Implementare il throttle in JavaScript
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Utilizzo delle stepped value functions nel CSS
Ridurre il reflow ottimizzando il CSS
Documentare i servizi REST con Swagger e OpenAPI con .NET 9
Gestire gli errori nelle Promise JavaScript con try()
Supportare la crittografia di ASP.NET Core con Azure Container App
Simulare Azure Cosmos DB in locale con Docker
Utilizzare i command service nei test con .NET Aspire


