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
Usare un KeyedService di default in ASP.NET Core 8
Creazione di componenti personalizzati in React.js con Tailwind CSS
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Creare un'applicazione React e configurare Tailwind CSS
Gestire domini wildcard in Azure Container Apps
Paginare i risultati con QuickGrid in Blazor
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Short-circuiting della Pipeline in ASP.NET Core
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Verificare la provenienza di un commit tramite le GitHub Actions
Generare file PDF da Blazor WebAssembly con iText