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
Integrare LLM alle nostre applicazioni in .NET con MCP
Supporto nativo a JSON in SQL Server 2025
Usare il metodo nameof con un tipo generico in C# 14
Integrare OpenTelemetry direttamente in Azure Monitor
Running workloads and operations with Azure Kubernetes Service
Blazor e Static Web Assets in .NET 10
Building Custom Developer Agents
Cache temporanea in Javascript con oggetti
Eseguire una ExecuteUpdateAsync senza usare un'expression con Entity Framework
Interagire con Azure DevOps tramite MCP Server
Realizzare un accordion con gli elementi HTML details e summary
Utilizzare i named query filter di Entity Framework


