[Frontend] WIP

Fixes #1677
Refactor and re-organize alert and status colors;
Rename _limits.scss to _status.scss;
Style Guide additions in progress;
VERY WIP, NEEDS UNIT TESTING FOR REGRESSION.
This commit is contained in:
Charles Hacskaylo
2017-08-17 16:32:25 -07:00
parent 008f1387ed
commit 747afa6200
8 changed files with 110 additions and 31 deletions

View File

@@ -39,7 +39,7 @@
// Status coloring
.ok, .info {
.status-indicator {
color: $colorStatusInfo;
color: $colorInfo;
}
}
@@ -224,15 +224,15 @@
}
&.ok,
&.info {
@include statusBannerColors($colorStatusInfo);
@include statusBannerColors($colorInfo);
}
&.caution,
&.warning,
&.alert {
@include statusBannerColors($colorStatusAlert);
@include statusBannerColors($colorWarningLo);
}
&.error {
@include statusBannerColors($colorStatusError);
@include statusBannerColors($colorWarningHi);
}
}
@@ -248,15 +248,15 @@
.message-severity-info .type-icon.message-type {
@extend .icon-info;
color: $colorStatusInfo;
color: $colorInfo;
}
.message-severity-alert .type-icon.message-type {
@extend .icon-bell;
color: $colorStatusAlert;
color: $colorWarningLo;
}
.message-severity-error .type-icon.message-type {
@extend .icon-alert-rect;
color: $colorStatusError;
color: $colorWarningHi;
}
}
/* Paths: