diff options
| author | Eltrac <hi@guhub.cn> | 2025-07-17 11:25:10 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-07-17 11:25:10 +0800 |
| commit | ec41236bc88a0762656413c38044ffa256bd93cb (patch) | |
| tree | 2d6f685fbe9ebb998e29dfcc9d1db9289238c1fe /layouts/_shortcodes | |
| parent | 1160eda3a7de8ffaf1562e65187cec783081d491 (diff) | |
refactor: avoid using straight value in UnoCSS
Diffstat (limited to 'layouts/_shortcodes')
| -rw-r--r-- | layouts/_shortcodes/callout.html | 4 | ||||
| -rw-r--r-- | layouts/_shortcodes/link.html | 2 | ||||
| -rw-r--r-- | layouts/_shortcodes/quotecard.html | 6 |
3 files changed, 6 insertions, 6 deletions
diff --git a/layouts/_shortcodes/callout.html b/layouts/_shortcodes/callout.html index a432cd4d..760b32c9 100644 --- a/layouts/_shortcodes/callout.html +++ b/layouts/_shortcodes/callout.html @@ -1,5 +1,5 @@ -<div class="rounded-[0.25rem] leading-[1.75] py-[1rem] px-[1.25rem] - flex gap-[0.75rem] my-[0.5rem]" +<div class="rounded-1 leading-[1.75] py-4 px-5 + flex gap-3 my-2" style="background-color: rgba(var(--block-background-color-rgb), 0.5)"> <div class="callout-icon">{{ index .Params 1 }}</div> <div class="callout-text"> diff --git a/layouts/_shortcodes/link.html b/layouts/_shortcodes/link.html index abd1b1aa..9f7ea3e5 100644 --- a/layouts/_shortcodes/link.html +++ b/layouts/_shortcodes/link.html @@ -7,7 +7,7 @@ </a> {{ else }} <a href="{{ .Get "link" }}" target="_blank" - class="block w-[calc(50%_-_1rem)] rounded-[1rem] box-border px-[1.5rem]" + class="block w-[calc(50%_-_1rem)] rounded-4 box-border px-6" style="background-color: var(--block-background-color); color: var(--text-color);text-decoration: none;"> <h3>{{ .Get "title" }}</h3> diff --git a/layouts/_shortcodes/quotecard.html b/layouts/_shortcodes/quotecard.html index 34696da2..941280ce 100644 --- a/layouts/_shortcodes/quotecard.html +++ b/layouts/_shortcodes/quotecard.html @@ -1,6 +1,6 @@ -<div class="text-[1.2rem] md:text-[1.5rem] font-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 +<div class="text-5 md:text-6 font-italic text-center + my-12 md:my-20 mx-4 md:mx-12 p-4 + border border-solid border-gray-300 rounded-4 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, |