mirror of
https://github.com/kmaasrud/awesome-obsidian.git
synced 2026-04-29 01:38:07 -05:00
stylish block quotes
This commit is contained in:
72
README.md
72
README.md
@@ -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
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user