SNIPPET
sailKiteV

Snippets And Demos

A collection of CSS snippets, Markdown files, and visual examples of fun little tricks and techniques for use in the Obsidian app.

108 Stars
GitHubReport listing

Obsidian-Snippets-and-Demos

A collection of CSS snippets, Markdown files, and visual examples of fun little tricks and techniques for use in the Obsidian.md app.


Contents

  • Tabs in Obsidian: a tab-style rendering scheme for use in your Obsidian notes, using mostly CSS and the Meta Bind community plugin.
  • Chassis Callouts: some callouts to use as styling platforms for other things. Not yet documented in detail.
  • Callout Asides: callouts metadata for placing content into the gutters of the note area when Readable Line Length is active.
  • Scroll Headers: render the header of a section of your notes as a floating element that scrolls with you.
  • Adjustable Readable Line Length (ARRL-Fork): change the width of the content area when Readable Line Length is enabled in the Editor. Credit to vii33 for the initial snippet.
  • Callout Typesetting: format your callouts in various ways, including support for various directional layouts used by non-English languages.
  • Other Little Things: a catch-all for snippets and things that don't quite need their own directory.

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

108

Forks

4

License

MIT

Last updated 4mo ago