stylish block quotes

This commit is contained in:
bryan
2020-10-03 19:25:17 -07:00
parent 1bc203c5a4
commit 9746a2087f

View File

@@ -59,6 +59,8 @@ Small tweaks to add to your `obsidian.css` file
- [Auto-fading UI](#auto-fading-ui)
- [Hyphenation and Justification](#hyphenation-and-justification)
- [Enlarge Image on Hover](#enlarge-image-on-hover)
- [Nicer Check Boxes](#nicer-check-boxes)
- [Stylish Block Quotes](#stylish-block-quotes)
### Andy Matuschak mode
@@ -289,4 +291,72 @@ Credits to Boyd
Credits to Den
---
---
### Nicer Check Boxes
<details>
<summary>CSS</summary>
<pre lang="css"><code>
/* Round checkbxes in preview and editor */
input[type=checkbox], .cm-formatting-task {
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
border: 1px solid var(--text-faint);
padding: 0;
vertical-align: middle;
}
.cm-s-obsidian span.cm-formatting-task {
color: transparent;
width: 1.25em !important;
height: 1.25em;
display: inline-block;
}
input[type=checkbox]:focus{
outline:0;
}
input[type=checkbox]:checked, .cm-formatting-task.cm-property {
background-color: var(--text-accent-hover);
border: 1px solid var(--text-accent-hover);
background-position: center;
background-size: 70%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
}
</code></pre>
</details>
Credits to Kepano
---
### Stylish Block Quotes
<details>
<summary>CSS</summary>
<pre lang="css"><code>
blockquote:before {
font: 14px/20px italic Times, serif;
content: "“";
font-size: 3em;
line-height: 0.1em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
/* Remove blockquote left margin */
blockquote {
margin-inline-start: 0;
}
</code></pre>
</details>
Credits to Théry Fouchter
---