A modern acrylic glassmorphism Hugo theme
Mirror of https://forgejo.alexma.top/tralume-org/hugo-theme docs.tralume.org
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980/* 说明：Markdown 引用块与 Callout（> [!NOTE] 等）的样式。 * 作用：为 render hook 输出的 blockquote/callout 提供一致外观，避免正文排版文件堆叠内容块逻辑。 * 注意：Callout 的文本由 i18n 提供；这里只处理容器、图标与层级配色。 */
/* 说明：普通引用块（非 Callout）。 * 目标：从“卡片感”调整为“左侧竖线强调”的引用样式。 * 注意：这里刻意不使用亚克力/卡片表面，避免把引用块渲染成“嵌套卡片”。 */.article__content blockquote { margin: 0.35rem 0; padding: 0.9rem 1.1rem; --quote-accent: var(--md-sys-color-outline-variant); border-inline-start: 4px solid var(--quote-accent); background: transparent; border-radius: 0;}
.article__content blockquote > :first-child { margin-top: 0;}
.article__content blockquote > :last-child { margin-bottom: 0;}
/* 说明：GitHub 风格提示块（> [!WARNING]）的主题样式，使用数据属性区分类型。 */.article__content blockquote.callout { --callout-accent: var(--md-sys-color-primary); border-inline-start: 4px solid var(--callout-accent); color: var(--md-sys-color-on-surface);}
.article__content blockquote.callout .attention-title { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.35rem 0; padding: 0; font-weight: 700; font-size: var(--md-sys-typescale-title-small-size); line-height: var(--md-sys-typescale-title-small-line-height);}
.article__content blockquote.callout .attention-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; font-size: 1.35rem; color: var(--callout-accent); font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;}
.article__content blockquote.callout .attention-title strong { color: var(--callout-accent);}
.article__content blockquote.callout[data-callout-kind="note"] { --callout-accent: var(--md-sys-color-secondary);}
.article__content blockquote.callout[data-callout-kind="tip"] { --callout-accent: var(--md-sys-color-primary);}
.article__content blockquote.callout[data-callout-kind="important"] { --callout-accent: color-mix(in srgb, var(--md-sys-color-primary) 70%, var(--md-sys-color-on-surface) 30%);}
.article__content blockquote.callout[data-callout-kind="warning"],.article__content blockquote.callout[data-callout-kind="caution"] { --callout-accent: color-mix(in srgb, #f59e0b 70%, var(--md-sys-color-on-surface) 30%);}
.article__content blockquote.callout[data-callout-kind="danger"] { --callout-accent: color-mix(in srgb, #d92d20 78%, var(--md-sys-color-on-surface) 22%);}