Skip to content

Instantly share code, notes, and snippets.

@dimasandhk
Last active May 2, 2021 13:58
Show Gist options
  • Save dimasandhk/bc51d9cb03e84bf3e085998d4505ea25 to your computer and use it in GitHub Desktop.
Save dimasandhk/bc51d9cb03e84bf3e085998d4505ea25 to your computer and use it in GitHub Desktop.
My own custom styling for sweetalert
.swal-modal {
.swal-icon--info {
&::before,
&::after {
background-color: #a5dc86;
}
color: rgba(57, 57, 64, 0.95);
border: 4px solid #a5dc86;
}
.swal-title,
.swal-text {
color: #fff;
}
.swal-text {
text-align: center !important;
}
.swal-button {
border: none;
&:hover {
color: #fff;
background-color: #4d4d53 !important;
}
background-color: #4d4d53;
color: #fff;
font-weight: 600;
}
background-color: rgba(57, 57, 64, 0.95);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment