smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-05-17 22:14:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore(semantic): use mark for highlights

Browse Source 
Signed-off-by: Aaron Pham <contact@aarnphm.xyz>
This commit is contained in:
Aaron Pham 2024-11-28 20:28:54 -05:00
parent 1a4cfa606f
commit 629da62b76
No known key found for this signature in database
GPG Key ID: 18974753009D2BFA
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/plugins/transformers/ofm.ts
View File

@ -304,7 +304,7 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
const [inner] = capture const [inner] = capture
return { return {
type: "html", type: "html",
value: `<span class="text-highlight">${inner}</span>`, value: `<mark>${inner}</mark>`,
} }
}, },
]) ])

4
quartz/plugins/transformers/roam.ts
View File

@ -93,7 +93,7 @@ function transformSpecialEmbed(node: Paragraph, opts: Options): Html | null {
return { return {
type: "html", type: "html",
value: `<iframe value: `<iframe
class="external-embed youtube" class="external-embed youtube"
width="600px" width="600px"
height="350px" height="350px"
@ -164,7 +164,7 @@ export const RoamFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options> | un
roamHighlightRegex, roamHighlightRegex,
(_value: string, inner: string) => ({ (_value: string, inner: string) => ({
type: "html", type: "html",
value: `<span class="text-highlight">${inner}</span>`, value: `<mark>${inner}</mark>`,
}), }),
]) ])

2
quartz/styles/base.scss
View File

@ -18,7 +18,7 @@ section {
color: var(--darkgray); color: var(--darkgray);
} }
.text-highlight { mark {
background-color: var(--textHighlight); background-color: var(--textHighlight);
padding: 0 0.1rem; padding: 0 0.1rem;
border-radius: 5px; border-radius: 5px;