new warning color & warning alerts

Author: aaroniker

src/scss/components/alerts.scss

@@ -2,7 +2,7 @@
     border: 1px solid transparent;
     color: #fff;
     position: relative;
-    text-shadow: 0 0 1px rgba(#000, .25);
+    text-shadow: 0 0 1px 1px rgba(#000, .4);
     border-radius: $alertRadius;
     font-weight: $alertFontWeight;
     margin: 0 0 $marginBottom 0;
@@ -21,28 +21,36 @@
         border-color: $success;
         background: fade-out($success, .2);
         &:before {
-            content: '\f20b';
+            content: '\f145';
         }
     }
     &.error {
         border-color: $error;
         background: fade-out($error, .2);
         &:before {
-            content: '\f150';
+            content: '\f144';
+        }
+    }
+    &.warning {
+        border-color: $warning;
+        background: fade-out($warning, .2);
+        &:before {
+            content: '\f226';
         }
     }
     &.info {
         border-color: $info;
         background: fade-out($info, .2);
         &:before {
-            content: '\f121';
+            content: '\f14a';
         }
     }
     &.light {
         background: none;
         text-shadow: none;
         font-weight: normal;
         color: $dark40;
+        text-shadow: none;
         &.success {
             &:before {
                 color: $success;
@@ -53,6 +61,11 @@
                 color: $error;
             }
         }
+        &.warning {
+            &:before {
+                color: $warning;
+            }
+        }
         &.info {
             &:before {
                 color: $info;

src/scss/vars.scss

@@ -21,6 +21,7 @@ $light: #F5F6FA;
 
 $success: #69DD95;
 $error: #F26175;
+$warning: #F8C93F;
 $info: $secondary;
 
 // Base
@@ -187,10 +188,10 @@ $tableBorder: $border;
 $tablePaddingV: $inputPaddingV;
 $tablePaddingH: $inputPaddingH;
 $tableLineHeight: $lineHeight;
-$tableHover: $line;
+$tableHover: $light;
 $tableThBackground: none;
 $tableTdBackground: none;
-$tableStripeBackground: $light;
+$tableStripeBackground: rgba($light, .6);
 
 // Helper