John Cowen b41cad6fdf
UI: CSS refactor (#4430) + Fullscreen Layout (#4435)
* Begin refactoring CSS into component folders. Moved most
components into layout/skin folders, left out a couple of ones I want
to think about more.
* Adjust grays based on recent Structure changes 
* Switch to fullscreen layout for lists and detail, left aligned forms (#4435)
* Specifically use the 'actions_close' label, not just the :last-child (actions-group)
* Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white)
2018-08-29 12:11:58 +01:00

32 lines
748 B
SCSS

%healthcheck-status {
border: $decor-border-100;
}
%healthcheck-status,
%healthcheck-status pre {
border-radius: $radius-small;
}
%healthcheck-status dd:first-of-type {
color: $ui-gray-400;
}
%healthcheck-status pre {
background-color: $ui-black;
color: $ui-white;
}
%healthcheck-status.passing {
border-color: $ui-gray-200;
}
%healthcheck-status.passing::before {
background-color: $ui-color-success !important;
}
%healthcheck-status.critical {
border-color: $ui-color-danger;
background-color: rgba($ui-color-danger, 0.1);
}
%healthcheck-status.critical::before {
background-color: $ui-color-danger !important;
}
%healthcheck-status.warning {
border-color: $ui-color-alert;
background-color: rgba($ui-color-alert, 0.1);
}