From 5b66b809f891f39a2ddec6a80e72397c7692b64b Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Mon, 4 May 2026 16:01:17 +0200 Subject: feat: upgrade actions shortcode to CTA block component Replaces the minimal inline download button with a visually distinctive CTA card. New `use` parameter drives icon and download attribute ("download", "site", "repo", "mail"). Optional `caption` param adds description text above the button. Button uses .btn.btn-primary for consistent styling. CSS adds .cta-block / .cta-block__caption with accent border, glow, and light mode overrides per THEMING-STANDARD.md. Co-Authored-By: Claude Sonnet 4.6 --- assets/css/main.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) (limited to 'assets') diff --git a/assets/css/main.css b/assets/css/main.css index 429d2f7..3dbf367 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1843,6 +1843,37 @@ html.theme-light .callout-warning { background: rgba(217, 119, 6, 0.06); } html.theme-light .callout-danger { background: rgba(239, 68, 68, 0.06); } html.theme-light .callout-success { background: rgba(0, 143, 90, 0.06); } +/* ============================================================ + CTA Block Shortcode + ============================================================ */ + +.cta-block { + position: relative; + margin: 2rem 0; + padding: 1.25rem 1.5rem; + background: rgba(168, 85, 247, 0.06); + border: 1px solid rgba(168, 85, 247, 0.2); + border-left: 3px solid var(--accent); + border-radius: 0.5rem; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 0.75rem; + box-shadow: 0 0 20px var(--accent-glow); +} + +.cta-block__caption { + font-size: 0.9rem; + color: var(--text-dim); + margin: 0; + line-height: 1.6; +} + +html.theme-light .cta-block { + background: rgba(124, 58, 237, 0.04); + box-shadow: none; +} + /* Motion Safety - Respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { -- cgit v1.2.3