studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) make modal backdrop color customisable

Browse Source 
As we cannot user CSS vars into backdrop pseudo element, we decide to
create a dom element to simulate the modal backdrop.

Resolve #257
This commit is contained in:
jbpenrath
2024-02-15 11:30:39 +01:00
committed by Jean-Baptiste PENRATH
parent fac203314f
commit be1e2e2614
9 changed files with 60 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/cunningham-tokens.css
View File

@@ -120,6 +120,7 @@
--c--components--toast--icon-size: 19px;
--c--components--toast--progress-bar-height: 3px;
--c--components--modal--background-color: var(--c--theme--colors--greyscale-000);
--c--components--modal--backdrop-color: #0C1A2B99;
--c--components--modal--border-radius: 4px;
--c--components--modal--border-color: var(--c--theme--colors--greyscale-300);
--c--components--modal--box-shadow: 0px 1px 2px 0px #0C1A2B4D;