From 49ddc40e6bfcb0916ea72156a14250d2ff6d8a81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9ophile=20Bastian?= <contact@tobast.fr>
Date: Sat, 11 May 2019 20:53:33 +0200
Subject: [PATCH] Ingredients: quantity colour

---
 layouts/partials/ingredients.html | 5 ++++-
 scss/_params.scss                 | 1 +
 scss/style.scss                   | 4 ++++
 static/css/style.css              | 2 ++
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/ingredients.html b/layouts/partials/ingredients.html
index 2eda24f..29d54f6 100644
--- a/layouts/partials/ingredients.html
+++ b/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>
diff --git a/scss/_params.scss b/scss/_params.scss
index f7566f7..8ddea50 100644
--- a/scss/_params.scss
+++ b/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;
diff --git a/scss/style.scss b/scss/style.scss
index 811aca2..0eabe76 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -66,6 +66,10 @@ body {
     font-weight: bold;
   }
 
+  .ingred-qt {
+    color: $ingred_qt_color;
+  }
+
   ul {
     padding-left: 25px;
   }
diff --git a/static/css/style.css b/static/css/style.css
index f19e547..122da7e 100644
--- a/static/css/style.css
+++ b/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; }