Callout for operation/site detail

2 files changed, 28 insertions, 41 deletions

diff --git a/scss/bootstrap-callout.scss b/scss/bootstrap-callout.scss
index 1364867..1dc08a1 100644
--- a/scss/bootstrap-callout.scss
+++ b/scss/bootstrap-callout.scss
@@ -1,77 +1,63 @@
 .bs-callout {
       padding: 20px;
-        margin: 20px 0;
-          border: 1px solid #eee;
-            border-left-width: 5px;
-              border-radius: 4px;
-                margin-left: 50px;
+      margin: 20px 0;
+      border: 1px solid #eee;
+      border-left-width: 5px;
+      border-radius: 4px;
+      margin-left: 50px;
 }
+
 .bs-callout-xl {
       margin-left: 0px;
 }
+
 .bs-callout-lg {
       margin-left: 50px;
 }
+
 .bs-callout-md {
       margin-left: 100px;
 }
+
 .bs-callout-sm {
       margin-left: 150px;
 }
+
 .bs-callout-xs {
       margin-left: 200px;
 }
+
 .bs-callout h4 {
       margin-top: 0;
-        margin-bottom: 5px;
+      margin-bottom: 5px;
 }
+
 .bs-callout p:last-child {
       margin-bottom: 0;
 }
+
 .bs-callout code {
       border-radius: 4px;
 }
+
 .bs-callout+.bs-callout {
       margin-top: -5px;
 }
+
 .bs-callout-default {
       border-left-color: #777;
-        background-color: #f7f7f9;
+      background-color: #f7f7f9;
 }
+
 .bs-callout-default h4 {
       color: #777;
 }
-.bs-callout-primary {
-      border-left-color: #428bca;
-}
-.bs-callout-primary h4 {
-      color: #428bca;
-}
-.bs-callout-success {
-      border-left-color: #5cb85c;
-        background-color: #efffe8;
-}
-.bs-callout-success h4 {
-      color: #5cb85c;
-}
-.bs-callout-danger {
-      border-left-color: #d9534f;
-        background-color: #fcf2f2;
-}
-.bs-callout-danger h4 {
-      color: #d9534f;
-}
-.bs-callout-warning {
-      border-left-color: #f0ad4e;
-        background-color: #fefbed;
-}
-.bs-callout-warning h4 {
-      color: #f0ad4e;
-}
-.bs-callout-info {
-      border-left-color: #5bc0de;
-        background-color: #f0f7fd;
-}
-.bs-callout-info h4 {
-      color: #5bc0de;
-}
+
+@each $color, $value in $theme-colors {
+      .bs-callout-#{$color} {
+            border-left-color: $value;
+      }
+      .bs-callout-#{$color} h4 {
+            color: $value;
+      }
+}
\ No newline at end of file
diff --git a/scss/pergamon.scss b/scss/pergamon.scss
index 452e1d5..67b8e85 100644
--- a/scss/pergamon.scss
+++ b/scss/pergamon.scss
@@ -1,5 +1,6 @@
 @import "custom";
 @import "bootstrap-src/scss/bootstrap";
+@import "bootstrap-callout";
 
 body{
     background-color: #eee;