.cnvs-block-alert {
--cnvs-alert-background: #f8f9fa;
--cnvs-alert-padding: 0.5rem 1rem;
--cnvs-alert-font-size: 0.875rem;
--cnvs-alert-margin-bottom: 1rem;
--cnvs-alert-border-left: 2px solid transparent;
} .cnvs-block-alert {
position: relative;
padding: var(--cnvs-alert-padding);
background: var(--cnvs-alert-background);
font-size: var(--cnvs-alert-font-size);
margin-bottom: var(--cnvs-alert-margin-bottom);
border-left: var(--cnvs-alert-border-left);
}
.cnvs-block-alert.cnvs-block-alert-dismissible {
padding-right: 4rem;
}
.cnvs-block-alert.cnvs-block-alert-dismissible button.cnvs-close {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 0 1rem;
color: inherit;
}
.cnvs-block-alert .cnvs-block-alert-inner h1, .cnvs-block-alert .cnvs-block-alert-inner h2, .cnvs-block-alert .cnvs-block-alert-inner h3, .cnvs-block-alert .cnvs-block-alert-inner h4, .cnvs-block-alert .cnvs-block-alert-inner h5, .cnvs-block-alert .cnvs-block-alert-inner h6 {
margin-bottom: 1rem;
}
.cnvs-block-alert .cnvs-block-alert-inner > * {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.cnvs-block-alert .cnvs-block-alert-inner > *:first-child:last-child {
margin-top: 0;
margin-bottom: 0;
}
.is-style-cnvs-block-alert-primary {
border-left-color: #007bff;
}
.is-style-cnvs-block-alert-secondary {
border-left-color: #6c757d;
}
.is-style-cnvs-block-alert-success {
border-left-color: #28a745;
}
.is-style-cnvs-block-alert-info {
border-left-color: #17a2b8;
}
.is-style-cnvs-block-alert-warning {
border-left-color: #ffc107;
}
.is-style-cnvs-block-alert-danger {
border-left-color: #dc3545;
}
.is-style-cnvs-block-alert-light {
border-left-color: #f8f9fa;
}
.is-style-cnvs-block-alert-dark {
border-left-color: #343a40;
}