Styling horizontal lines
parent
d70b91a6c4
commit
de84466c4e
|
@ -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();
|
||||
|
|
|
@ -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))
|
||||
|
|
|
@ -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 };
|
||||
}),
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue