mingzailao
/
silverbullet
mirror of https://github.com/silverbulletmd/silverbullet.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/common/customtags.ts
View File

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

1
packages/common/parser.ts
View File

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

1
packages/web/style.ts
View File

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

7
packages/web/styles/theme.scss
View File

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