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
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Utilizzare politiche di resiliency con Azure Container App
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Le novità di Angular: i miglioramenti alla CLI
Usare lo spread operator con i collection initializer in C#
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Come migrare da una form non tipizzata a una form tipizzata in Angular
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Utilizzare un service principal per accedere a Azure Container Registry
Creare alias per tipi generici e tuple in C#
Evitare il flickering dei componenti nel prerender di Blazor 8
Short-circuiting della Pipeline in ASP.NET Core