@discoveryjs/discovery
Version:
Frontend framework for rapid data (JSON) analysis, shareable serverless reports and dashboards
66 lines (58 loc) • 1.48 kB
CSS
.view-alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
color: #383d41;
background-color: rgba(139, 143, 151, 0.25);
border-color: rgba(152, 157, 165, 0.4);
background-clip: padding-box;
}
.discovery-root-darkmode .view-alert {
color: var(--discovery-color);
}
.view-alert:last-child {
margin-bottom: 0;
}
.view-alert > :first-child {
margin-top: 0;
}
.page > .view-alert:first-child,
.page > .view-alert-success:first-child,
.page > .view-alert-danger:first-child,
.page > .view-alert-warning:first-child {
margin-top: 15px;
}
.view-alert-primary {
color: #004085;
background-color: rgba(51, 151, 255, 0.25);
border-color: rgba(77, 162, 255, 0.4);
}
.discovery-root-darkmode .view-alert-primary {
color: #6a96c6;
}
.view-alert-success {
color: #155724;
background-color: rgba(83, 183, 107, 0.25);
border-color: rgba(105, 192, 125, 0.4);
}
.discovery-root-darkmode .view-alert-success {
color: #5fab70;
}
.view-alert-danger {
color: #721c24;
background-color: rgba(227, 95, 107, 0.25);
border-color: rgba(230, 112, 125, 0.4);
}
.discovery-root-darkmode .view-alert-danger {
color: #c7888e;
}
.view-alert-warning {
color: #856404;
background-color: rgba(255, 207, 55, 0.25);
border-color: rgba(255, 212, 82, 0.4);
}
.discovery-root-darkmode .view-alert-warning {
color: #bdab77;
}