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
Supportare la sessione affinity di Azure App Service con Application Gateway
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Gestione dei nomi con le regole @layer in CSS
Implementare il throttle in JavaScript
Collegare applicazioni server e client con .NET Aspire
Creare una libreria CSS universale: Clip-path
Centralizzare gli endpoint AI Foundry con Azure API Management
Fornire parametri ad un Web component HTML
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Managed deployment strategy in Azure DevOps
Migliorare l'organizzazione delle risorse con Azure Policy
Loggare le query più lente con Entity Framework
I più letti di oggi
- disponibile il nuovo #adsdk per #win8. doc su https://aspit.co/ad3 donwload diretto da https://aspit.co/ad4
- Niente .NET sui server: siamo Microsoft
- Develop and distribute Azure Functions using K8s and CI/CD
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Impersonation di utente per l'esecuzione di codice in una pagina ASP.NET
- Solo 5 minuti all'inizio della keynote!! http://aspitalia.com/build-win8 #BldWin
- #MIX10: Windows Phone - demo Hush Hush, un diario con interfaccia completamente personalizzata