add inventory templates

Change-Id: I735465dc2d6ab0583586ece23380ea8570f024fa
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss
index affd094..76f65a9 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -50,8 +50,9 @@
 $critical-darkbg: #ff5c49;
 $medium-lightbg: #dc267f;
 $medium-darkbg: #FF509E;
-$warning-lightbg: rgb(255, 127, 0);
+$warning-lightbg: #ff836f;
 $warning-darkbg: #ffb000;
+$low-lightbg: #c42cd6;
 $normal: #00baa1;
 
 // Threshold graphs
@@ -59,6 +60,12 @@
 $thresh-warning: #ff806c;
 $thresh-normal: #8ee9d4;
 
+//Inventory
+$active: #c6b6f5;
+$inactive: $medium-lightbg;
+$present: #b1bef3;
+$not-present: $medium-lightbg;
+
 // Links
 $links: #648FFF;
 $links__hover: $lightbg__primary;
diff --git a/app/common/styles/base/core.scss b/app/common/styles/base/core.scss
index 13ba9e6..18f78aa 100644
--- a/app/common/styles/base/core.scss
+++ b/app/common/styles/base/core.scss
@@ -17,6 +17,7 @@
   }
   &:hover {
     color: $links__hover;
+    text-decoration: underline;
   }
   :focus {
     color: $links;
diff --git a/app/common/styles/base/mixins.scss b/app/common/styles/base/mixins.scss
index 6caeba7..3313a88 100644
--- a/app/common/styles/base/mixins.scss
+++ b/app/common/styles/base/mixins.scss
@@ -57,6 +57,21 @@
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #b8c1c1'></polygon></svg>");
 }
 
+//Offset allows to subtract a custom padding/margin offset
+@mixin calcColumn-4 ($offset: 0) {
+  min-width: calc(100% * (1/4) - #{$offset});
+}
+
+
+@mixin calcColumn-3 ($offset: 0){
+  min-width: calc(100% * (1/3) - #{$offset});
+}
+
+@mixin calcSplitColumn ($offset: 0) {
+  min-width: calc(100% * (1/2) - #{$offset});
+}
+
+
 @mixin indeterminate-bar {
   background-image: repeating-linear-gradient(-45deg, rgba(251, 234, 174, 0.35), rgba(251, 234, 174, 0.35) 25px, rgba(244, 176, 0, 0.45) 25px, rgba(244, 176, 0, 0.45) 50px);
   -webkit-animation: progress 2s linear infinite;
diff --git a/app/common/styles/base/typography.scss b/app/common/styles/base/typography.scss
index f293f3d..9d498da 100644
--- a/app/common/styles/base/typography.scss
+++ b/app/common/styles/base/typography.scss
@@ -50,4 +50,20 @@
   font-weight: 700;
   margin-bottom: 0;
   margin-top: 2em;
+}
+
+.content-label {
+  color: darken($lightgrey, 10%);
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: .75em;
+  margin-bottom: 3px;
+}
+
+.courier-normal {
+  font-family: "Courier New", Helvetica, arial, sans-serif;
+}
+.courier-bold {
+  font-family: "Courier New", Helvetica, arial, sans-serif;
+  font-weight: 700;
 }
\ No newline at end of file