Created
June 8, 2020 17:40
-
-
Save Klerith/5f490092ce9bd5775cb1d91162be0cea to your computer and use it in GitHub Desktop.
React Modal Styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Modal */ | |
.ReactModalPortal > div{ | |
opacity: 0; | |
} | |
.ReactModalPortal .ReactModal__Overlay { | |
align-items: center; | |
display: flex; | |
justify-content: center; | |
transition: opacity .2s ease-in-out; | |
z-index: 999; | |
} | |
.modal-fondo { | |
background-color: rgba(0, 0, 0, 0.3); | |
bottom: 0; | |
left: 0; | |
right: 0; | |
top: 0; | |
position: fixed; | |
} | |
.ReactModalPortal .ReactModal__Overlay--after-open { | |
opacity: 1; | |
} | |
.ReactModalPortal .ReactModal__Overlay--before-close { | |
opacity: 0; | |
} | |
.modal { | |
background: white; | |
border-radius: 5px; | |
color: rgb(51, 51, 51); | |
display: inline; | |
max-height: 620px; | |
max-width: 500px; | |
outline: none; | |
padding: 10px; | |
} |
Infinitas gracias Fernando.
Genial, muchas gracias
Muchas gracias profe
Gracias Prof!
You are the best. Teacher!!
Gracias fernando <3...
Gracias Profe! aqui => DeusloVult, sus cursos me van ayudando un montón! un saludo
Genial!
muy bueno el curso y mejor el material de apoyo
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Muchas gracias profe, he aprendido mucho :)