css: factor out colors from main css (#4158).

2019-09-17 00:28:41 -05:00
parent d203a543d0
commit c325bfa199
52 changed files with 519 additions and 332 deletions
--- a/app/javascript/src/styles/common/notices.scss
+++ b/app/javascript/src/styles/common/notices.scss
@@ -4,7 +4,7 @@ div.error-messages {

  h1 {
    font-size: 1em;
-    color: #A00;
+    color: var(--error-message-color);
  }
 }

@@ -17,8 +17,8 @@ div#notice {
  z-index: 100;

  &:not(.ui-state-error) {
-    background-color: #FFFBBF;
-    border: 1px solid #CCC999;
+    background: var(--notice-background);
+    border: var(--notice-border);
  }
 }