diff options
| author | Eltrac <hi@guhub.cn> | 2025-07-15 14:17:39 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-07-15 14:17:39 +0800 |
| commit | 272a67d7a8b8752dda3cddf44482e9d85de2c4d0 (patch) | |
| tree | ade1f3a2b479a5737d87268a5c279b6caee7ae67 /layouts/_shortcodes/quotecard.html | |
| parent | c831c88a8622c743799195074777c4ca3f5408f9 (diff) | |
refactor: replace _footer.scss and _shortcode.scss with UnoCSS
Diffstat (limited to 'layouts/_shortcodes/quotecard.html')
| -rw-r--r-- | layouts/_shortcodes/quotecard.html | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/layouts/_shortcodes/quotecard.html b/layouts/_shortcodes/quotecard.html index dfaf04e2..f4b4621a 100644 --- a/layouts/_shortcodes/quotecard.html +++ b/layouts/_shortcodes/quotecard.html @@ -1,3 +1,11 @@ -<div class="quote-card" {{ with .Get "rotate" }}style="transform: rotate({{. }}deg)"{{ end }}> +<div class="text-[1.2rem] md:text-[1.5rem] text-italic text-center + my-[3rem] md:my-[5rem] mx-[1rem] md:mx-[3rem] p-[1rem] + border border-solid border-gray-300 rounded-[1rem] shadow-lg + rotate-[3deg] bg-[rgba(255,255,255,0.35)] backdrop-blur-md" + style="background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), + repeating-radial-gradient(rgba(255,255,255,0.25) 0 0.0001%, rgba(255,255,255,0.04) 0 0.0002%) 50% 0 / 2500px 2500px, + repeating-conic-gradient(rgba(255,255,255,0.25) 0 0.0001%, rgba(255,255,255,0.04) 0 0.0002%) 60% 60% / 2500px 2500px; + background-blend-mode: normal, difference;" + {{ with .Get "rotate" }}style="transform: rotate({{. }}deg)"{{ end }}> {{ .Inner | markdownify }} -</div>
\ No newline at end of file +</div> |