138 lines
3.2 KiB
CSS
138 lines
3.2 KiB
CSS
/*
|
|
Typography
|
|
WIP. Loosely following github markdown styles, but will change over time
|
|
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
|
*/
|
|
|
|
/* Markdown source view (not live preview) */
|
|
.markdown-source-view:not(.is-live-preview) {
|
|
|
|
/* Set source view to monospace font */
|
|
font-family: JetBrains Mono,Menlo, Monaco, 'Courier New', monospace;
|
|
|
|
/* Reset header font sizes */
|
|
.cm-header {
|
|
font-size:1rem;
|
|
font-variant:normal;
|
|
}
|
|
|
|
/* Fix footnote indent */
|
|
.HyperMD-footnote {
|
|
font-size:inherit;
|
|
padding-left:0;
|
|
text-indent:0;
|
|
}
|
|
|
|
.cm-inline-code {
|
|
font-size:inherit;
|
|
}
|
|
|
|
/* Fix heading font-size */
|
|
.cm-line[class*=HyperMD-header-] {
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
}
|
|
}
|
|
|
|
.markdown-source-view.is-live-preview {
|
|
|
|
/* unordered list item children alignment (to match checkbox size metrics) */
|
|
.cm-formatting-list-ul {
|
|
|
|
.list-bullet {
|
|
transform: translateX(-1px);
|
|
margin-right: 7px;
|
|
}
|
|
}
|
|
|
|
/* unordered list item alignment and style */
|
|
.cm-formatting-list-ol {
|
|
padding:0;
|
|
min-width:2rem !important;
|
|
display:inline-flex;
|
|
|
|
.list-number {
|
|
text-align:center !important;
|
|
display:inline-flex;
|
|
font-size:0.85em;
|
|
text-align:center !important;
|
|
min-width:var(--checkbox-size) !important;
|
|
margin:0 auto; /* centered */
|
|
}
|
|
}
|
|
|
|
/* list and blockquote colors */
|
|
.cm-s-obsidian .cm-formatting-quote {
|
|
color: var(--tx2)
|
|
}
|
|
|
|
.cm-s-obsidian .cm-formatting-quote {
|
|
transform:translate(-3px,0);
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Headings */
|
|
&.cm-s-obsidian {
|
|
--h1-size:2em !important;
|
|
--h2-size:1.5em !important;
|
|
--h3-size:1.25em !important;
|
|
--h3-weight:600 !important;
|
|
--h4-size:1em !important;
|
|
--h4-weight:600 !important;
|
|
--h4-variant: normal !important;
|
|
--h5-size:0.875em !important;
|
|
--h5-weight:600 !important;
|
|
--h5-variant: normal !important;
|
|
--h6-size:0.75em !important;
|
|
--h6-weight:600 !important;
|
|
--h6-variant: normal !important;
|
|
}
|
|
|
|
/* Quotes */
|
|
.HyperMD-quote {
|
|
display:block !important;
|
|
}
|
|
.HyperMD-quote::before {
|
|
opacity:0;
|
|
}
|
|
.HyperMD-quote::after {
|
|
content:'';
|
|
display:block;
|
|
background:var(--bg3);
|
|
width:1px;
|
|
height:100%;
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.HyperMD-quote.cm-active {
|
|
border-color:transparent;
|
|
}
|
|
.HyperMD-quote.cm-active::after{
|
|
display:none;
|
|
}
|
|
|
|
.HyperMD-quote cite {
|
|
color:var(--tx3);
|
|
display: inline-block;
|
|
}
|
|
|
|
/* fix is-flashing display */
|
|
.cm-editor .is-flashing {
|
|
background:hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 30%),0.5);
|
|
}
|
|
|
|
|
|
/* Footnote styles */
|
|
.HyperMD-footnote {
|
|
color:var(--tx2);
|
|
padding-left:0 !important;
|
|
|
|
.cm-hmd-internal-link > *{
|
|
color:var(--tx2) !important;
|
|
text-decoration-color:var(--tx2) !important;
|
|
opacity:1 !important;
|
|
}
|
|
}
|
|
} |