Shadows
De schaduw eigenschappen worden gebruikt om schaduweffecten rond het frame van een element toe te voegen. Je kunt meerdere effecten instellen, gescheiden door komma's. In de meeste gevallen worden schaduwen gebruikt om items aan te duiden die bovenop elkaar zijn geplaatst in de gebruikersinterface.
Voorbeeld
.element {
box-shadow: var(--dwc-shadow-xl);
}
Schaduwkleur
Je controleert de schaduwkleur door de variabele --dwc-shadow-color in te stellen. Standaard is de schaduwkleur grijs getint met de primaire kleur.
Variabelen
| Variabele | Voorbeeld |
|---|---|
--dwc-shadow-xs | |
--dwc-shadow-s | |
--dwc-shadow-m | |
--dwc-shadow-l | |
--dwc-shadow-xl | |
--dwc-shadow-2xl | |
--dwc-shadow |