Nello script #82 abbiamo vosto come creare uno stile (o mixin) e poi riutilizzarlo all'interno di altri stili. In quello script abbiamo utilizzato delle proprietà CSS statiche, ma con LESS possiamo creare anche mixin parametrici ovvero dove i valori delle proprietà CSS è deciso dall'utilizzatore del mixin.
Per fare questo dobbiamo dichiarare i parametri di input del mixin circondandoli con parentesi tonde ('(' e ')') e dividendoli con un punto e virgola ';'. Chi utilizza il mixin deve passare i parametri sempre circondandoli con parentesi tonde e separandoli con punto e virgola. Per fare un esempio pratico, se vogliamo impostare margin e padding a valori differenti per i tag HTML header e footer possiamo fare una cosa del genere:
.margins(@margin; @padding) {
margin: @margin;
padding: @padding;
}
header {
.margins(5px; 10px);
}
footer {
.margins(2px; 5px);
}
Il CSS prodotto da questo script LESS è il seguente:
header {
margin: 5px;
padding: 10px;
}
footer {
margin: 2px;
padding: 5px;
}Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire query in contemporanea con EF
Integrare LLM alle nostre applicazioni in .NET con MCP
Keynote .NET Conference Italia 2025
Personalizzare i parametri del CSS Scroll Snap
Realizzare un accordion con gli elementi HTML details e summary
Blazor e Static Web Assets in .NET 10
Ottimizzare la content-visibility in CSS specificando lo spazio da occupato dall'area non renderizzata
Ciclo di vita risorse con .NET Aspire
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina
Integrare modelli AI in un workflow di GitHub
Usare i generics di C# con la clausola nameof in modo semplificato
Self-healing degli unit test con Copilot in GitHub
I più letti di oggi
- Effettuare un redirect permanente di una pagina ASP.NET 4.0
- Staticizzare gli URL ed evitarne il cambio nel PostBack
- Validazione a gruppi di composite control con ASP.NET 2.0
- Sei screencast dedicati a LINQ per lo speciale di Aprile
- Prima beta pubblica per il SP1 del .NET Framework 3.5 e VS 2008
- Speciale Windows Azure: la piattaforma di Microsoft per il cloud computing




