marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Promo tools: banner kit as collapsed accordions per size group

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-10 14:32:16 -05:00
parent cac78133ca
commit b4b9ac8680
3 changed files with 54 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/site.css
+8 -1
View File
@@ -298,7 +298,14 @@ textarea{resize:vertical;font:inherit}
.bo-content{padding:18px}
}
/* ── promo banners ── */
.promo-banners{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.promo-banners{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pb-acc{margin:0}
.pb-acc>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:14.5px}
.pb-acc>summary::before{content:none}
.pb-acc>summary>span:first-child::before{content:"+";color:var(--mint);font-weight:800;margin-right:10px}
.pb-acc[open]>summary>span:first-child::before{content:"−"}
.pb-acc .pb-count{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.pb-acc .pb-grid{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px}
.pb-item img{max-width:100%;border-radius:8px;border:1px solid var(--line-strong);display:block}
.pb-item .pb-row{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}
.pb-item .pb-size{font-family:var(--mono);font-size:11px;color:var(--muted)}