From 8c1335cff9650f72febc6e4f0df49e7beba1438b Mon Sep 17 00:00:00 2001 From: Lynne Date: Sun, 1 Mar 2020 05:01:50 +1000 Subject: [PATCH] basic styling --- _includes/ingredients.html | 2 +- _layouts/default.html | 1 + _layouts/recipe.html | 6 ++++-- style.css | 25 +++++++++++++++++++++++++ 4 files changed, 31 insertions(+), 3 deletions(-) create mode 100644 style.css diff --git a/_includes/ingredients.html b/_includes/ingredients.html index 53efde5..13740d9 100644 --- a/_includes/ingredients.html +++ b/_includes/ingredients.html @@ -5,6 +5,6 @@ <{{tag}}>Ingredients diff --git a/_layouts/default.html b/_layouts/default.html index 4bd2747..169381b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,6 +3,7 @@ + {{ page.title }} diff --git a/_layouts/recipe.html b/_layouts/recipe.html index 88a575a..36096fa 100644 --- a/_layouts/recipe.html +++ b/_layouts/recipe.html @@ -19,9 +19,11 @@ layout: default

Subrecipes

{% for subrecipe in site.subrecipes -%} {%- if subrecipe.parents contains id -%} -

{{ subrecipe.name }}

- {{ subrecipe.output }} +

{{ subrecipe.name }}

+
+ {{ subrecipe.output }} +
{%- endif -%} {%- endfor -%} diff --git a/style.css b/style.css new file mode 100644 index 0000000..6ad03a4 --- /dev/null +++ b/style.css @@ -0,0 +1,25 @@ +body { + font-family: sans-serif; +} +.subrecipe { + background-color: #eee; + padding: 5px; +} +.subrecipe h3 { + margin: 0; +} +.subrecipe-output { + height: 0; + overflow-y: hidden; +} +.subrecipe.open .subrecipe-output { + height: min-content; +} + +ul { + list-style-type: "- "; +} +ul, ol { + list-style-position: inside; + padding-left: 10px; +}