Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
.modal {
width: 400px;
height: 250px;
color: #fff;
background: #6929c4;
padding: 40px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
position: absolute;
z-index: 90;
top: calc(50% - 145px);
left: calc(50% - 220px);
display: flex;
flex-direction: column;
.modal-close-button {
padding: 16px;
background-color: #fff;
color: #6929c4;
font-size: 1em;
border: none;
margin-top: 16px;
width: 90%;
align-self: center;
cursor: pointer;
transition: background-color 0.1s linear;
.modal-close-button:focus {
background-color: #e8daff;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.