| @@ -483,8 +483,22 @@ | ||
| 483 | 483 | .template-creative .invoice-totals .invoice-paid-row .invoice-total-value { color: var(--success-color, #047857); } |
| 484 | 484 | .template-creative .invoice-totals .invoice-balance-due { font-weight: 700; } |
| 485 | 485 | .template-creative .invoice-totals .invoice-balance-due .invoice-total-label { color: inherit; font-weight: 700; } |
| 486 | 486 | .template-creative .meta-amount-due .meta-value { font-weight: 700; font-size: 1.08em; } |
| 487 | + | |
| 488 | +/* The sheet this design draws on is A4. Every other design fits a short | |
| 489 | + invoice inside it; this one ran ~200px past the bottom on its spacing | |
| 490 | + alone, so the page it produced — and the PDF captured from it — always | |
| 491 | + spilled onto a second sheet. The scale is redeclared on the card, which | |
| 492 | + its descendants inherit, so the proportions hold and the gaps shrink. */ | |
| 493 | +.template-creative { | |
| 494 | + --spacing-6: 1rem; | |
| 495 | + --spacing-8: 1.25rem; | |
| 496 | + --spacing-10: 1.5rem; | |
| 497 | + --spacing-12: 1.5rem; | |
| 498 | + --spacing-16: 2rem; | |
| 499 | + --spacing-20: 2.25rem; | |
| 500 | +} | |
| 487 | 501 | </style> |
| 488 | 502 | |
| 489 | 503 | <div class="template template-creative"> |
| 490 | 504 | <div class="invoice-header"> |
