I’m trying to find a theme in which the preview and editor look almost, if not entirely, identical. Anyone know of one? RIght now here are the things I do:
- identical fonts
.cm-s-obsidian, .app-container {
-webkit-font-smoothing: antialiased; /* GETS RID OF BOLD IN PREVIEW*/
}
/* ALIGNS PREVIEW to EDITOR */
.markdown-preview-sizer {
position:relative; left:12px; top:-18.5px;
}
/* OR USE THIS TO ALIGN EDITOR to PREVIEW */
.CodeMirror-sizer {
}
/* ALIGNS BULLETS POINTS PREVIEW/EDITOR*/
ul {
position:relative; left:-27px; top:-16px;
}
/* ALIGNS BLOCKQUOTES*/
.markdown-preview-view blockquote,
.markdown-preview-view .markdown-embed,
.markdown-preview-view .file-embed,
.markdown-preview-view th,
.markdown-preview-view td {
box-shadow: 0 0 0.25em var(--accent-2),
inset 0 0 0.25em var(--accent-2);
position:relative; left:-48px;
}