Quando utilizziamo una variabile CSS per impostare il valore di una proprietà, potremmo usare una variabile che non è definita nel nostro file. Per evitare che la proprietà CSS rimanga senza valore, possiamo definire un valore di fallback.
.myclass { padding: var(--my-var, 10px); }
In questo esempio, se la variabie my-var non è definita, viene usato il valore 10px per impostare il padding.
Possiamo anche impostare il fallback a un'altra variabile CSS e utilizare più valori di fallback che vengono processati in sequenza.
.myclass { padding: var(--my-var-1, --my-var-2, 10px); }
In questo caso, usiamo la variabile my-var-1. Se la variable non esiste viene usata la variabile my-var-2 e nel caso nemmeno questa esista viene usato il valore 10px.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare una custom property in GitHub
Hosting di componenti WebAssembly in un'applicazione Blazor static
Short-circuiting della Pipeline in ASP.NET Core
Miglioramenti nelle performance di Angular 16
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Come migrare da una form non tipizzata a una form tipizzata in Angular
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
.NET Conference Italia 2023
Utilizzare un service principal per accedere a Azure Container Registry
Reactive form tipizzati con FormBuilder in Angular
Gestire i null nelle reactive form tipizzate di Angular
Usare le navigation property in QuickGrid di Blazor