fix(modal): fix modal backdrop (#19)

smooth-code · Jun 15, 2018 · 8a00c08 · 8a00c08
1 parent 824eaf6
commit 8a00c08
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/Modal.js b/src/Modal.js
@@ -119,7 +119,6 @@ const Modal = styled(ModalComponent)`
     bottom: 0;
     left: 0;
     background-color: ${th('modalBackdropBg')};
-    opacity: 0.5;
   }
 `
 

diff --git a/src/theme/defaultTheme.js b/src/theme/defaultTheme.js
@@ -216,7 +216,7 @@ export const displayLineHeight = th('headingsLineHeight')
 
 // Modals
 
-export const modalBackdropBg = th('black')
+export const modalBackdropBg = 'rgba(0, 0, 0, 0.5)'
 
 export const modalInnerPadding = '1rem'
 export const modalTransitionDuration = 300 // ms