Ingredients: quantity colour

layouts/partials/ingredients.html

@@ -3,7 +3,10 @@
     <div class="ingred-title">Ingrédients</div>
     <ul>
     {{ range $.Param "ingredients" }}
-    <li>{{ with .qt }}{{ . }}{{ end }} {{ .name }}</li>
+    <li>
+      <span class="ingred-qt">{{ with .qt }}{{ . }}{{ end }}</span>
+      <span class="ingred-name">{{ .name }}</span>
+    </li>
     {{ end }}
     </ul>
   </div>

scss/_params.scss

@@ -6,6 +6,7 @@ $fg_color: #e4e4e4;
 $secondary_bg_color: #178ca7;
 $head_bg_color: $secondary_bg_color;
 $footer_fg_color: darken($fg_color, 30%);
+$ingred_qt_color: #efc586;
 
 // Veganness
 $veganness_vegan_color: #40d540;

scss/style.scss

@@ -66,6 +66,10 @@ body {
     font-weight: bold;
   }
 
+  .ingred-qt {
+    color: $ingred_qt_color;
+  }
+
   ul {
     padding-left: 25px;
   }

static/css/style.css

@@ -50,6 +50,8 @@ body {
   #ingredients .ingred-title {
     font-size: 1.3em;
     font-weight: bold; }
+  #ingredients .ingred-qt {
+    color: #efc586; }
   #ingredients ul {
     padding-left: 25px; }