Skip to content

Instantly share code, notes, and snippets.

@mklepaczewski
Created August 10, 2020 09:54
Show Gist options
  • Save mklepaczewski/54e451f09994b9d450de81c8baaf8aa4 to your computer and use it in GitHub Desktop.
Save mklepaczewski/54e451f09994b9d450de81c8baaf8aa4 to your computer and use it in GitHub Desktop.
Note blocks for Obsidian
/**
* I use .app-container to get around CSS selector specificity
*/
.app-container pre[class*="language-note-"] {
border: 1px solid;
}
/* Make the first line of note bold */
*[class*="language-note"]::first-line {
font-weight: bold;
}
.app-container pre[class*="language-note-"] code[class*="language-note-"] {
color: black;
white-space: pre-wrap; /* css-3 */
font-family: var(--default-font);
}
.app-container pre.language-note-danger {
border-color: #bb0101;
background-color: #f3bcbc;
}
.app-container pre.language-note-info {
border-color: #3c78b5;
background-color: #d8e4f1;
}
.app-container pre.language-note-warn {
border-color: #f0c000;
background-color: #ffffce;
}
.app-container pre.language-note-success {
border-color: #009900;
background-color: #ddffdd;
}
.app-container pre.language-note-notice {
border-color: #cccccc;
background-color: #f3f3f3;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment