https://recipes.uuard.com/tags/muffin/Recent content in Muffin on Recipe BookHugoen-ushttps://recipes.uuard.com/docs/recipes/berry_muffin/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/berry_muffin/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Cake Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_cake" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Cake Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="70.00000000" > <td>Sugar</td> <td>70.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="63.00000000" > <td>Water</td> <td>63.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="40.00000000" > <td>Shortening</td> <td>40.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="40.00000000" > <td>Frozen Berries</td> <td>40.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="30.00000000" > <td>Egg, Whole</td> <td>30.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="7.00000000" > <td>Nonfat Milk Powder</td> <td>7.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="6.00000000" > <td>Baking Powder</td> <td>6.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="3.50000000" > <td>Salt</td> <td>3.50</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.50000000" > <td>Vanilla Extract</td> <td>2.50</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>362.00</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Sift together dry.</li> <li>Combine all liquid.</li> <li>Add liquid to dry.</li> <li>Mix until just moistened, lumpy.</li> <li>Pan and bake immediately.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Fill tins 2/3 full (250 g at 4 in tins).</li> <li>5 min at 400 °F.</li> <li>&lt; 30 min at 350 °F.</li> </ul>https://recipes.uuard.com/docs/recipes/creamed_berry_muffin/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/creamed_berry_muffin/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Cake Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_cake" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Cake Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="75.00000000" > <td>Water</td> <td>75.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="65.00000000" > <td>Sugar</td> <td>65.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="50.00000000" > <td>Shortening</td> <td>50.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="50.00000000" > <td>Frozen Berries</td> <td>50.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="30.00000000" > <td>Egg, Whole</td> <td>30.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="7.00000000" > <td>Nonfat Milk Powder</td> <td>7.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.00000000" > <td>Baking Powder</td> <td>5.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="4.00000000" > <td>Salt</td> <td>4.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.50000000" > <td>Vanilla Extract</td> <td>2.50</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>388.50</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Cobine fat, sugar, salt, spices, milk powder.</li> <li>Paddle mix until light.</li> <li>Add eggs in 2 to 3 stages, cream well between stages.</li> <li>Sift in dry ingredients.</li> <li>Stir together liquid until combined.</li> <li>Add sifted dry alternately with liquids.</li> <li>1/4 dry &ndash; mix until just blended.</li> <li>1/3 liquid &ndash; mix until just blended.</li> <li>Repeat, scrape, done.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Fill tins 2/3 full (250 g at 4 in tins).</li> <li>5 min at 400 °F.</li> <li>&lt; 30 min at 350 °F.</li> </ul>https://recipes.uuard.com/docs/recipes/creamed_chocolate_chip_muffin/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/creamed_chocolate_chip_muffin/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Cake Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_cake" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Cake Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="90.00000000" > <td>Shortening</td> <td>90.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="50.00000000" > <td>Sugar</td> <td>50.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="30.00000000" > <td>Egg, Whole</td> <td>30.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="30.00000000" > <td>Chocolate Chip</td> <td>30.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="15.00000000" > <td>Brown Sugar</td> <td>15.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="7.00000000" > <td>Nonfat Milk Powder</td> <td>7.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.00000000" > <td>Baking Powder</td> <td>5.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.25000000" > <td>Salt</td> <td>1.25</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.25000000" > <td>Vanilla Extract</td> <td>1.25</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>329.50</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Cobine fat, sugar, salt, spices, milk powder.</li> <li>Paddle mix until light.</li> <li>Add eggs in 2 to 3 stages, cream well between stages.</li> <li>Sift in dry ingredients.</li> <li>Stir together liquid until combined.</li> <li>Add sifted dry alternately with liquids.</li> <li>1/4 dry &ndash; mix until just blended.</li> <li>1/3 liquid &ndash; mix until just blended.</li> <li>Repeat, scrape, done.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Fill tins 2/3 full (250 g at 4 in tins).</li> <li>5 min at 400 °F.</li> <li>&lt; 30 min at 350 °F.</li> </ul>https://recipes.uuard.com/docs/recipes/english_muffin/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/english_muffin/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Bread Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_bread" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Bread Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="75.00000000" > <td>Water</td> <td>75.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="4.00000000" > <td>Shortening</td> <td>4.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.50000000" > <td>Nonfat Milk Powder</td> <td>2.50</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="2.00000000" > <td>Instant Yeast</td> <td>2.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.50000000" > <td>Salt</td> <td>1.50</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.50000000" > <td>Sugar</td> <td>1.50</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>186.50</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Combine, whisk dry ingredients.</li> <li>Combine, whisk wet except shortening.</li> <li>Mix 5 min until well combined.</li> <li>Add shortening.</li> <li>Mix to ≈25 min.</li> <li>Divide ≈85 g ball.</li> <li>Proof 1 hr at 77 °F.</li> <li>Bake 350 °F baking steel.</li> <li>Flip 3x.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2>https://recipes.uuard.com/docs/recipes/pumpkin_muffin/Mon, 01 Jan 0001 00:00:00 +0000https://recipes.uuard.com/docs/recipes/pumpkin_muffin/<h2 id="ingredients"> Ingredients <a class="anchor" href="#ingredients">#</a> </h2> <div id="recipe-formula-0" class="recipe-formula-widget" data-basis-mode="single" ><div class="basis-inputs" aria-label="Basis ingredient weight"><label> <span>Cake Flour</span> <span class="basis-input-field"> <input type="number" min="0" step="0.01" inputmode="decimal" data-basis-input="true" data-ingredient-id="flour_cake" value="100.00" > <span class="basis-input-unit">g</span> </span> </label></div><table class="bakers-percent-table"> <thead> <tr> <th>Ingredient</th> <th>Baker's %</th> <th>Weight (g)</th> </tr> </thead> <tbody><tr data-row-pct="100.00000000" data-is-basis="true" > <td>Cake Flour</td> <td>100.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="90.00000000" > <td>Pumpkin Puree</td> <td>90.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="67.00000000" > <td>Brown Sugar</td> <td>67.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="50.00000000" > <td>Chocolate Chip</td> <td>50.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="42.00000000" > <td>Shortening</td> <td>42.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="25.00000000" > <td>Egg, Whole</td> <td>25.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="20.00000000" > <td>Water</td> <td>20.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="5.00000000" > <td>Buttermilk Powder</td> <td>5.00</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.40000000" > <td>Baking Powder</td> <td>1.40</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="1.40000000" > <td>Baking Soda</td> <td>1.40</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.60000000" > <td>Salt</td> <td>0.60</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.20000000" > <td>Ginger</td> <td>0.20</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.20000000" > <td>Allspice</td> <td>0.20</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.17000000" > <td>Cinnamon</td> <td>0.17</td> <td data-weight-cell>0.00</td> </tr><tr data-row-pct="0.10000000" > <td>Nutmeg</td> <td>0.10</td> <td data-weight-cell>0.00</td> </tr></tbody> <tfoot> <tr> <th>Total</th> <th>403.07</th> <th data-total-weight>0.00</th> </tr> </tfoot> </table> </div> <script> (() => { const root = document.getElementById("recipe-formula-0"); if (!root) return; const basisInputs = root.querySelectorAll('input[data-basis-input="true"]'); const rows = root.querySelectorAll("tr[data-row-pct]"); const basisTotalEl = root.querySelector("[data-basis-total]"); const basisTotalInput = root.querySelector('input[data-basis-total-input="true"]'); const totalWeightEl = root.querySelector("[data-total-weight]"); const basisMode = root.getAttribute("data-basis-mode"); const parseNum = (value) => { const n = Number.parseFloat(value); return Number.isFinite(n) ? n : 0; }; const update = () => { let basisTotal = 0; let totalWeight = 0; if (basisMode === "multi") { basisTotal = parseNum(basisTotalInput ? basisTotalInput.value : 0); } else { basisInputs.forEach((input) => { basisTotal += parseNum(input.value); }); } if (basisTotalEl) { basisTotalEl.textContent = basisTotal.toFixed(2); } rows.forEach((row) => { const pct = parseNum(row.getAttribute("data-row-pct")); const weight = (pct / 100) * basisTotal; totalWeight += weight; const cell = row.querySelector("[data-weight-cell]"); if (cell) cell.textContent = weight.toFixed(2); }); if (totalWeightEl) { totalWeightEl.textContent = totalWeight.toFixed(2); } }; if (basisMode === "multi") { if (basisTotalInput) { basisTotalInput.addEventListener("input", update); } } else { basisInputs.forEach((input) => input.addEventListener("input", update)); } update(); })(); </script> <style> .recipe-formula-widget .basis-inputs { margin: 0 0 0.75rem; display: grid; gap: 0.375rem; max-width: 28rem; } .recipe-formula-widget .basis-inputs label { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--color-link); font-weight: 600; justify-self: start; } .recipe-formula-widget .basis-input-field { display: inline-flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .recipe-formula-widget .basis-inputs input { width: 7rem; margin: 0; } .recipe-formula-widget .basis-input-unit { color: #6b7280; font-size: 0.875em; } .recipe-formula-widget table.bakers-percent-table tbody tr[data-is-basis="true"] td { font-weight: 600; color: var(--color-link); } </style> <h2 id="process"> Process <a class="anchor" href="#process">#</a> </h2> <ol> <li>Combine fat, sugar, salt, spices, milk powder.</li> <li>Paddle mix until light.</li> <li>Add eggs in 2 to 3 stages, cream well between stages.</li> <li>Sift in dry ingredients.</li> <li>Mix together liquid until combined.</li> <li>Add 1/4 of the dry mixture and mix until just blended.</li> <li>Add 1/3 of the liquid and mix until just blended.</li> <li>Repeat the additions, scraping as needed.</li> </ol> <h2 id="notes"> Notes <a class="anchor" href="#notes">#</a> </h2> <ul> <li>Fill tins 2/3 full (250 g at 4 in tins).</li> <li>5 min at 400 °F.</li> <li>&lt; 30 min at 350 °F.</li> </ul>