diff options
| author | Danilo M. <danix@danix.xyz> | 2026-05-04 16:01:17 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-05-04 16:01:17 +0200 |
| commit | 5b66b809f891f39a2ddec6a80e72397c7692b64b (patch) | |
| tree | ac056ff72cbef79def40ac91b4d5875c06de3f9c /assets | |
| parent | 976c36b0cbb6c8bb6f9a0a3398a4229da8cb5834 (diff) | |
| download | danixxyz-theme-5b66b809f891f39a2ddec6a80e72397c7692b64b.tar.gz danixxyz-theme-5b66b809f891f39a2ddec6a80e72397c7692b64b.zip | |
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 <noreply@anthropic.com>
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/main.css | 31 |
1 files changed, 31 insertions, 0 deletions
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) { |