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
Eseguire operazioni sui blob con Azure Storage Actions
Come migrare da una form non tipizzata a una form tipizzata in Angular
Copiare automaticamente le secret tra più repository di GitHub
Inizializzare i container in Azure Container Apps
Eseguire operazioni con timeout in React
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Usare le collection expression per inizializzare una lista di oggetti in C#
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Implementare l'infinite scroll con QuickGrid in Blazor Server
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
.NET Conference Italia 2023
Usare una container image come runner di GitHub Actions
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)