mirror of
https://github.com/status-im/consul.git
synced 2025-02-13 06:06:40 +00:00
b41cad6fdf
* 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)
41 lines
866 B
SCSS
41 lines
866 B
SCSS
%notice {
|
|
border-radius: $radius-small;
|
|
}
|
|
%notice-success,
|
|
%notice-info,
|
|
%notice-error,
|
|
%notice-warning {
|
|
@extend %notice;
|
|
}
|
|
%notice-success {
|
|
@extend %with-passing;
|
|
background-color: $ui-green-050;
|
|
border-color: $ui-color-success;
|
|
color: $ui-green-700;
|
|
}
|
|
%notice-success::before {
|
|
color: $ui-color-success;
|
|
}
|
|
%notice-info {
|
|
@extend %with-passing; /* needs a better info button*/
|
|
background-color: $ui-blue-050;
|
|
border-color: $ui-color-action; /* TODO: change to info */
|
|
color: $ui-blue-700;
|
|
}
|
|
%notice-info::before {
|
|
color: $ui-color-action; /* change to info */
|
|
}
|
|
%notice-warning {
|
|
@extend %box-color-yellow-500, %with-warning;
|
|
border-width: 1px;
|
|
}
|
|
%notice-error {
|
|
@extend %with-critical;
|
|
background-color: $ui-red-050;
|
|
border-color: $ui-color-failure;
|
|
color: $ui-red-600;
|
|
}
|
|
%notice-error::before {
|
|
color: $ui-color-failure;
|
|
}
|