Styling horizontal lines

pull/73/head
Zef Hemel 2022-08-29 16:48:52 +02:00
parent d70b91a6c4
commit de84466c4e
4 changed files with 10 additions and 0 deletions

View File

@ -10,3 +10,4 @@ export const CommentMarkerTag = Tag.define();
export const BulletList = Tag.define();
export const OrderedList = Tag.define();
export const Highlight = Tag.define();
export const HorizontalRuleTag = Tag.define();

View File

@ -148,6 +148,7 @@ export default function buildMarkdown(mdExtensions: MDExt[]): Language {
"TableHeader/...": t.heading,
TableCell: t.content,
CodeInfo: ct.CodeInfoTag,
HorizontalRule: ct.HorizontalRuleTag,
}),
...mdExtensions.map((mdExt) =>
styleTags(mdExtensionStyleTags(mdExt))

View File

@ -42,6 +42,7 @@ export default function highlightStyles(mdExtension: MDExt[]) {
{ tag: t.processingInstruction, class: "sb-meta" },
// { tag: t.content, class: "tbl-content" },
{ tag: t.punctuation, class: "sb-punctuation" },
{ tag: ct.HorizontalRuleTag, class: "sb-hr" },
...mdExtension.map((mdExt) => {
return { tag: mdExt.tag, ...mdExt.styles, class: mdExt.className };
}),

View File

@ -132,6 +132,13 @@
color: blue;
}
.sb-hr {
background-color: #f5f5f5;
line-height: 0.9em;
display: block;
color: #8d8a8a;
}
.sb-naked-url {
color: #0330cb;
text-decoration: underline;