Ingredients: quantity colour

This commit is contained in:
Théophile Bastian 2019-05-11 20:53:33 +02:00
parent 7e7268b765
commit 49ddc40e6b
4 changed files with 11 additions and 1 deletions

View file

@ -3,7 +3,10 @@
<div class="ingred-title">Ingrédients</div> <div class="ingred-title">Ingrédients</div>
<ul> <ul>
{{ range $.Param "ingredients" }} {{ 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 }} {{ end }}
</ul> </ul>
</div> </div>

View file

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

View file

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

View file

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