diff --git a/austro-hungarian-cream-of-horseradish-soup.html b/austro-hungarian-cream-of-horseradish-soup.html index 88b69f7..c179fd9 100644 --- a/austro-hungarian-cream-of-horseradish-soup.html +++ b/austro-hungarian-cream-of-horseradish-soup.html @@ -6,7 +6,7 @@ - + diff --git a/bagels.html b/bagels.html index a83d7e8..93d4cc5 100644 --- a/bagels.html +++ b/bagels.html @@ -6,7 +6,7 @@ - + diff --git a/carnitas-with-salsa-verde.html b/carnitas-with-salsa-verde.html index 28d687a..73bd1a7 100644 --- a/carnitas-with-salsa-verde.html +++ b/carnitas-with-salsa-verde.html @@ -6,7 +6,7 @@ - + diff --git a/index.html b/index.html index 12cc269..f846b52 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + diff --git a/pizza-dough.html b/pizza-dough.html index 3b05449..8587c8e 100644 --- a/pizza-dough.html +++ b/pizza-dough.html @@ -6,7 +6,7 @@ - + diff --git a/raspberry-and-elderflower-gin-and-tonic.html b/raspberry-and-elderflower-gin-and-tonic.html index ccffaae..3b281df 100644 --- a/raspberry-and-elderflower-gin-and-tonic.html +++ b/raspberry-and-elderflower-gin-and-tonic.html @@ -6,7 +6,7 @@ - + diff --git a/styles/recipe.css b/styles/recipe.css index 696ce6f..cb61b87 100644 --- a/styles/recipe.css +++ b/styles/recipe.css @@ -11,7 +11,7 @@ .complete { font-style: italic; - opacity: 80%; + opacity: 33%; text-decoration: line-through; text-decoration-color: var(--color-complete-line-through); } @@ -40,13 +40,19 @@ hr { font-style: normal; } +.back-link::after { + content: ''; + display: block; + clear: right; +} + .back-link__link:hover { background: none; } .back-link__svg { - display: none; - width: 24px; + display: inline-block; + width: 18px; } .link-svg { @@ -252,7 +258,8 @@ a:hover .link-svg { } .back-link__svg { - display: block; + /* display: inline-block; */ + width: 24px; } .section--title { diff --git a/styles/recipesIndex.css b/styles/recipesIndex.css index 50c688c..890dfb3 100644 --- a/styles/recipesIndex.css +++ b/styles/recipesIndex.css @@ -44,6 +44,11 @@ color: var(--color-view-svg-selected); } +.nav-view__list { + display: inline-block; + text-wrap: nowrap; +} + /* View radio buttons */ html body .nav-view__item { display: inline-block; @@ -145,7 +150,6 @@ html body .nav-view__item { width: var(--small-btn-length); position: absolute; right: calc(5px + var(--small-btn-length) + var(--search-icon-length)); - ; top: calc((var(--search-input-height) - var(--small-btn-length)) / 2); } @@ -253,6 +257,7 @@ body .recipe-list .recipe-list__item--hidden { .view--grid .recipe-list__item { display: block; + line-height: 1.12; margin: 0; } @@ -277,7 +282,6 @@ body .recipe-list .recipe-list__item--hidden { -webkit-line-clamp: 2; font-size: 110%; font-weight: 700; - line-height: 1.4; overflow: hidden; padding: 0 1em; text-overflow: ellipsis; diff --git a/styles/stylesheet.css b/styles/stylesheet.css index dc38a18..716faa1 100644 --- a/styles/stylesheet.css +++ b/styles/stylesheet.css @@ -261,6 +261,7 @@ img { width: 90%; max-width: 900px; margin: 0 auto; + min-width: 320px; padding: 1em 0 4em 0; } diff --git a/styles/vars.css b/styles/vars.css index 2defb63..d8a50da 100644 --- a/styles/vars.css +++ b/styles/vars.css @@ -19,7 +19,7 @@ --color-peach-30: rgb(236, 169, 111); --color-peach-80: rgb(193, 89, 0); - --color-olive-50: rgba(255, 255, 0, 0.5); + --color-olive-50: rgb(255 250 225); /* rgba(255, 255, 0, 0.5); */ --color-olive-90: rgba(255, 255, 0, 0.25); /*-----*: GLobal :*-----*/