Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save StefanNieuwenhuis/39acec70a3c9e6a563599706709e906f to your computer and use it in GitHub Desktop.
Save StefanNieuwenhuis/39acec70a3c9e6a563599706709e906f to your computer and use it in GitHub Desktop.
.modal {
display:none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.2);
z-index: 1;
}
.active{
display: flex;
}
.modal__content {
position: relative;
margin: auto;
padding: 25px;
width: 50%;
background-color: white;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(144, 142, 139, 0.3);
}
.close {
position: absolute;
top: 5px;
right: 15px;
color: #aaaaaa;
font-size: 28px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment