Make alert styles consistent

2015-05-18 09:23:09 +01:00
parent 3fa0912818
commit afa66814fa
8 changed files with 52 additions and 42 deletions
@@ -65,25 +65,8 @@ body.status-page {
    }

    .alert {
-        border-radius: 0;
        font-size: 1.2em;
-        &.alert-success {
-            background-color: $cachet_green;
-            border-color: $cachet_dark-green;
-            color: white;
-        }
-
-        &.alert-info {
-            background: $cachet_blue;
-            border-color: $cachet_dark-blue;
-            color: #FFF;
-        }
-
-        &.alert-danger {
-            background: $cachet_red;
-            border-color: $cachet_dark-red;
-            color: #FFF;
-        }
+        font-weight: 600;
    }

    .timeline {
@@ -15,6 +15,7 @@ html, body {
@import "modules/tabs";
@import "modules/forms";
@import "modules/well";
+@import "modules/alerts";

 // Styles for partials
@import "partials/base";
@@ -0,0 +1,20 @@
+.alert {
+    border-radius: 4px;
+    &.alert-success {
+        background-color: $cachet_green;
+        border: solid 2px $cachet_dark-green;
+        color: white;
+    }
+
+    &.alert-info {
+        background: $cachet_blue;
+        border: solid 2px $cachet_dark-blue;
+        color: #FFF;
+    }
+
+    &.alert-danger {
+        background: $cachet_red;
+        border: solid 2px $cachet_dark-red;
+        color: #FFF;
+    }
+}
@@ -16,3 +16,8 @@
    text-align: center;
    margin: 0 0 30px 0;
 }
+
+.login .alert {
+    font-size: $base-font-size;
+    letter-spacing: $base-letter-spacing;
+}