webseite-grav/plugins/problems/scss/_preset.scss

90 lines
1.8 KiB
SCSS

.report-output {
#admin-main .admin-block & {
.toast {
.btn {
color: $white;
border: 1px solid darken($flat-nephritis, 5%);
background-color: darken($flat-nephritis, 3%);
&:hover {
border-color: darken($flat-nephritis, 7%);
background-color: darken($flat-nephritis, 5%);
}
&.btn-error {
border: 1px solid darken($flat-pomegranate, 5%);
background-color: darken($flat-pomegranate, 3%);
&:hover {
border-color: darken($flat-pomegranate, 7%);
background-color: darken($flat-pomegranate, 5%);
}
}
&.btn-warning {
border: 1px solid darken($flat-carrot, 5%);
background-color: darken($flat-carrot, 3%);
&:hover {
border-color: darken($flat-carrot, 7%);
background-color: darken($flat-carrot, 5%);
}
}
}
}
}
ul.problems {
background-color: $content-bg;
color: $content-text;
.toast {
color: $white;
&.toast-success {
background-color: $flat-nephritis;
}
&.toast-error {
background-color: $flat-pomegranate;
}
&.toast-warning {
background-color: $flat-carrot;
}
}
ul.details {
background-color: $content-bg;
code {
color: $content-link;
@if (lightness($content-bg) < 50) {
background: rgba(#f0f7fe, 0.1);
} @else {
background: rgba(#f0f7fe, 0.8);
}
}
.menu-item {
border-top: 1px solid $underline;
}
.menu-badge {
.label {
&.label-success {
background: $flat-nephritis;
}
&.label-error {
background: $flat-pomegranate;
}
}
}
}
}
}