prehistoric-systems/itty-bitty
1
0
Fork 0
mirror of https://github.com/arfct/itty-bitty.git synced 2026-03-11 08:54:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

recipe formatting

Browse source
This commit is contained in:
Nicholas Jitkoff 2022-02-17 12:12:06 -06:00
parent 2be4b74d4e
commit 21a0c9cc99
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
docs/render/recipe.css
View file

@ -44,8 +44,7 @@ img.publisher {
header {
gap: 2em;
margin-bottom: 2em;
/*
padding-left:15em; */
/* padding-left: 18em; */
}
h1 {
@ -172,12 +171,12 @@ li:hover {
/* display: inline; */
}
.ingredient {
padding: 0.5em 1em;
padding: .25em 0em;
margin: 0 -1em;
line-height: 1.25em;
opacity: 0.75;
cursor: pointer;
padding-left:3em;
padding-left: 1em;
}
.ingredients .yield {
@ -188,9 +187,9 @@ li:hover {
}
.ingredients .quantity {
float:left;
margin-left:-2em;
margin-left:-2.5em;
width:2em;
text-align:center;
text-align:right;
}
.ingredient.complete,
@ -215,7 +214,7 @@ li:hover {
width: 100px;
height: 0.5px;
background-color: currentColor;
opacity: 0.54;
opacity: .3;
border:none;
margin: 0 0 1em 0;
}

4
docs/render/recipe.js
View file

@ -71,7 +71,7 @@ function getStringProperty(stringOrArray, prop) {
if (prop) {
stringOrArray = stringOrArray[prop]
}
return stringOrArray.toString();
return stringOrArray?.toString();
}
const m = (selector, ...args) => {
@ -143,7 +143,7 @@ function highlightStep(e) {
}
const ingredientMatch = /^(?:A )?([\/0-9\u00BC-\u00BE\u2153-\u215E\u2009]+) ?(.*)/
const ingredientMatch = /^(?:A )?([\/0-9 \-\u00BC-\u00BE\u2153-\u215E\u2009]*) ?(.*)/
function ingredientEl(string, terms) {
if (string == "-") return m("hr");