Skip to content

ltroj/obsidian-short-callout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

📣 Short callout CSS snippet for Obsidian

Short callouts are useful for brief lines of information that should appear close to the preceding paragraph.

Demo

Usage

Download the short-callout.css snippet and save it to .obsidian/snippets/ in your vault. Activate the snippet under Settings > Appearance > CSS Snippets.

Examples

Short callouts follow the normal syntax for callouts and are characterized by the fact that their type identifier ends with a colon (:). I like to use them for source references. ⤵️

Example 1

> [!book-copy:] See also
> HIBBELER, Russell C., 2023. _Mechanics of Materials, SI Edition_.

Also useful as simple headers for project notes.

Example 2

> [!project:]
>  **id**: shortco | **category**: Obsidian | **status**: 🔥

Some useful default types are already predefined:

Example 3

> [!source:] 
> Lorem Ipsum

> [!quote:]
> Lorem Ipsum

> [!book-copy:]
> Lorem Ipsum

> [!project:]
> Lorem Ipsum

In order to customize icons, colors and type identifiers just edit the snippet or - even simpler - use the awesome Callout Manager plugin.

As they are normal callouts, they can also be folded using the + - syntax.

Example 1

> [!quote:]- Quotation from
> *Joseph von Eichendorff: Werke., Bd. 1, München 1970 ff., S. 184-185.*

> [!quote:]+ Quotation from
> *Joseph von Eichendorff: Werke., Bd. 1, München 1970 ff., S. 184-185.*

About

CSS snippet for short callouts in Obsidian.md

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages