SNIPPETsailKiteV

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.

CSSAny theme
# 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](https://obsidian.md/) app.
 
---
## Contents
- *[Tabs in Obsidian](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/TabsInObsidian)*: a tab-style rendering scheme for use in your Obsidian notes, using mostly CSS and the [Meta Bind](<https://obsidian.md/plugins?id=obsidian-meta-bind-plugin>) community plugin.
- *[Chassis Callouts](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/ChassisCallouts)*: some callouts to use as styling platforms for other things. Not yet documented in detail.
- *[Callout Asides](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/CalloutAsides)*: callouts metadata for placing content into the gutters of the note area when Readable Line Length is active. 
- *[Scroll Headers](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/ScrollHeaders)*: render the header of a section of your notes as a floating element that scrolls with you.
- *[Adjustable Readable Line Length (ARRL-Fork)](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/ARRL-Fork)*: change the width of the content area when Readable Line Length is enabled in the Editor. Credit to [vii33](https://github.com/vii33) for the initial snippet.
- *[Callout Typesetting](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/CalloutTypesetting)*: format your callouts in various ways, including support for various directional layouts used by non-English languages.
- *[Other Little Things](https://github.com/sailKiteV/Obsidian-Snippets-and-Demos/tree/main/OtherLittleThings)*: a catch-all for snippets and things that don't quite need their own directory.

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

107

Forks

4

License

MIT

Last updated 2mo ago