Merge pull request #296 from MITLibraries/use-254

USE-254: Styling for "Available in..." text for physical holdings

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -240,6 +240,19 @@
     .truncate-list li:last-child {margin-bottom: 0;}
 
   }
+
+  .availability {
+    color: $color-text-secondary;
+
+    i.fa-check::before {
+      color: $color-icon-success;
+    }
+
+    i.fa-times::before {
+      color: $color-icon-danger;
+    }
+
+  }
 }
 
 // -----------------------------

app/assets/stylesheets/partials/_variables.scss

@@ -35,6 +35,8 @@ $color-blue-500: #0000FF;
 // PURPLE
 $color-purple-700: #990099;
 
+// GREEN
+$color-green-800: #009900;
 
 // ---------------
 // SEMANTIC COLORS
@@ -49,6 +51,10 @@ $color-text-placeholder: $color-gray-500;
 $color-text-disabled: $color-gray-400;
 $color-text-oncolor: $color-white;
 
+// ICONS
+$color-icon-success: $color-green-800;
+$color-icon-danger: $color-red-500;
+
 // BORDERS
 $color-border-default: $color-gray-400;