consul/ui-v2/app/styles/components/healthchecked-resource/skin.scss

34 lines
747 B
SCSS

%healthchecked-resource {
border: $decor-border-100;
box-shadow: 0 4px 8px 0 rgba($black, 0.05);
}
%healthchecked-resource li {
border-top: $decor-border-100;
}
%healthchecked-resource,
%healthchecked-resource li {
border-color: $gray-200;
}
%healthchecked-resource li.passing {
color: $color-success;
}
%healthchecked-resource li.warning {
color: $color-alert;
}
%healthchecked-resource li.critical {
color: $color-failure;
}
%healthchecked-resource:hover,
%healthchecked-resource:focus {
box-shadow: 0 8px 10px 0 rgba($black, 0.1);
}
%healthchecked-resource {
border-radius: $radius-small;
}
%healthchecked-resource ul:empty {
@extend %with-no-healthchecks;
}
%healthchecked-resource ul:empty::before {
color: $gray-400;
}