68 lines
1.7 KiB
CSS
68 lines
1.7 KiB
CSS
.bootstrap-dialog {
|
|
/* dialog types */
|
|
/**
|
|
* Icon animation
|
|
* Copied from font-awesome: http://fontawesome.io/
|
|
**/
|
|
/** End of icon animation **/
|
|
}
|
|
.bootstrap-dialog .bootstrap-dialog-button-icon {
|
|
margin-right: .5rem;
|
|
}
|
|
.bootstrap-dialog.type-primary .modal-header {
|
|
background-color: var(--bs-primary);
|
|
}
|
|
.bootstrap-dialog.type-secondary .modal-header {
|
|
background-color: var(--bs-secondary);
|
|
}
|
|
.bootstrap-dialog.type-secondary .modal-header {
|
|
background-color: var(--bs-secondary);
|
|
}
|
|
.bootstrap-dialog.type-success .modal-header {
|
|
background-color: var(--bs-success);
|
|
}
|
|
.bootstrap-dialog.type-danger .modal-header {
|
|
background-color: var(--bs-danger);
|
|
}
|
|
.bootstrap-dialog.type-warning .modal-header {
|
|
background-color: var(--bs-warning);
|
|
}
|
|
.bootstrap-dialog.type-info .modal-header {
|
|
background-color: var(--bs-info);
|
|
}
|
|
.bootstrap-dialog.type-light .modal-header {
|
|
background-color: var(--bs-light);
|
|
}
|
|
.bootstrap-dialog.type-dark .modal-header {
|
|
background-color: var(--bs-dark);
|
|
}
|
|
|
|
.bootstrap-dialog .bootstrap-dialog-title {
|
|
color: #fff;
|
|
}
|
|
.bootstrap-dialog.type-light .bootstrap-dialog-title {
|
|
color: #333;
|
|
}
|
|
.bootstrap-dialog.type-dark .bootstrap-dialog-close-button {
|
|
background-color: var(--bs-light);
|
|
}
|
|
|
|
.bootstrap-dialog.size-large .bootstrap-dialog-title {
|
|
font-size: 24px;
|
|
}
|
|
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
|
|
font-size: 30px;
|
|
}
|
|
.bootstrap-dialog.size-large .bootstrap-dialog-message {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.bootstrap-dialog.size-extra-large .bootstrap-dialog-title {
|
|
font-size: 28px;
|
|
}
|
|
.bootstrap-dialog.size-extra-large .bootstrap-dialog-close-button {
|
|
font-size: 34px;
|
|
}
|
|
.bootstrap-dialog.size-extra-large .bootstrap-dialog-message {
|
|
font-size: 22px;
|
|
}
|