Utilizzare i mixin in LESS permettere di riutilizzare gli stili in maniera efficace garantendo una maggior semplicità di sviluppo e manutenzione. Tuttavia, quando i mixin cominciano a diventare tanti, torna comodo avere un meccanismo che ne permetta il raggruppamento logico. Questo raggruppamento logico viene fornito dai namespace.
Vediamo come definire un namespace
#myns { .style1 () { color: #fff; font-size: 10px; } .style2 () { color: #000; font-size: 12px; } }
In questo codice abbiamo definito un namespace di nome myns all'interno del quale abbiamo definito due mixin. Nel prossimo esempio vediamo come utilizzare i mixin definiti nel namespace.
body { background-color: red; #myns > .style1; }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Sostituire la GitHub Action di login su private registry
Reactive form tipizzati con FormBuilder in Angular
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Limitare le richieste lato server con l'interactive routing di Blazor 8
.NET Conference Italia 2023
Reactive form tipizzati con modellazione del FormBuilder in Angular
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Hosting di componenti WebAssembly in un'applicazione Blazor static
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Utilizzare i primary constructor di C# per inizializzare le proprietà
Installare le Web App site extension tramite una pipeline di Azure DevOps
Eseguire i worklow di GitHub su runner potenziati