diff --git a/src/assets/example/theme-css.txt b/src/assets/example/theme-css.txt index 230082f..9c04218 100644 --- a/src/assets/example/theme-css.txt +++ b/src/assets/example/theme-css.txt @@ -39,6 +39,9 @@ markdown-alert { /* GFM 警告块标题 */ markdown-alert-title { } +/* GFM 警告块内容,抵消 p 默认的 margin */ +markdown-alert-content-wrapper { +} /* GFM note */ markdown-alert-title-note { } diff --git a/src/config/theme.ts b/src/config/theme.ts index e4e3d0c..5de9a61 100644 --- a/src/config/theme.ts +++ b/src/config/theme.ts @@ -111,6 +111,11 @@ const defaultTheme: Theme = { 'align-items': `center`, }, + // GFM 警告块内容,抵消 p 默认的 margin + 'markdown-alert-content-wrapper': { + margin: `-1em -8px -1.5em;`, + }, + 'markdown-alert-title-note': { color: `#478be6`, }, diff --git a/src/utils/MDAlert.ts b/src/utils/MDAlert.ts index 6b0bca1..9028d2e 100644 --- a/src/utils/MDAlert.ts +++ b/src/utils/MDAlert.ts @@ -1,5 +1,6 @@ import type { AlertOptions, AlertVariantItem } from '@/types' import type { MarkedExtension, Tokens } from 'marked' +import { getStyleString } from '.' /** * https://github.com/bent10/marked-extensions/tree/main/packages/alert @@ -44,6 +45,9 @@ export default function markedAlert(options: AlertOptions = {}): MarkedExtension ...options.theme?.block[titleClassName], ...options.theme?.block[`${titleClassName}-${variantType}`], }, + contentWrapperStyle: { + margin: options.theme?.block[`${className}-content-wrapper`]?.margin, + }, }, }) @@ -77,15 +81,15 @@ export default function markedAlert(options: AlertOptions = {}): MarkedExtension name: `alert`, level: `block`, renderer({ meta, tokens = [] }) { - let tmpl = `