Skip to content

DismissableCard CSS variables

Summary


CSS Variables table


Css variable
Fallback
Default
/
/
/
/
/
/
/
/
red
red

CSS Variables list



--mbx-dismissablecard-background

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-background-light and --mbx-dismissablecard-background-dark



--mbx-dismissablecard-background-light

Fallback
Default


DismissableCard background when dark mode is off



--mbx-dismissablecard-background-dark

Fallback
Default


DismissableCard background when dark mode is on



--mbx-dismissablecard-text

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-text-light and --mbx-dismissablecard-text-dark



--mbx-dismissablecard-text-light

Fallback
Default


DismissableCard text color when dark mode is off



--mbx-dismissablecard-text-dark

Fallback
Default


DismissableCard text color when dark mode is on



--mbx-dismissablecard-x

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-x-light and --mbx-dismissablecard-x-dark



--mbx-dismissablecard-x-light

Fallback
Default


DismissableCard x icon color when dark mode is off



--mbx-dismissablecard-x-dark

Fallback
Default


DismissableCard x icon color when dark mode is on



--mbx-dismissablecard-x-hover

Fallback
Default
/
/


Fallback value for --mbx-dismissablecard-x-hover-light and --mbx-dismissablecard-x-hover-dark



--mbx-dismissablecard-x-hover-light

Fallback
Default
red


DismissableCard x icon color when dark mode is off, on hover



--mbx-dismissablecard-x-hover-dark

Fallback
Default
red


DismissableCard x icon color when dark mode is on, on hover