Sets the variables that should be carried over across the various snippets. It is prefixed with 01- to ensure that it will always load first.

Styling improvements for Bases, Obsidian's built-in database view. Currently includes:

• Row hover highlight, using --background-modifier-hover so it adapts automatically to both light and dark themes.

Adds a square grid background to all notes with the bg--grid cssclasses value in their properties. The vertical offset can be fine-tuned via --bg-offset in 01-variables.css to align the grid with the actual text baseline. The default is 0px — adjust up or down in small increments (e.g. 4px, -4px) until the grid lines match your font and theme.

---
cssclasses:
  - bg--grid
---

Adds horizontal lines to all notes with the bg--lines cssclasses value in their properties. The vertical offset can be fine-tuned via --bg-offset in 01-variables.css to align lines with the actual text baseline. The default is 0px — adjust up or down in small increments (e.g. 4px, -4px) until the lines match your font and theme.

---
cssclasses:
  - bg--lines
---

Styles a spoiler custom callout, and reveals its contents after the box is both expanded and the user hovers over the content area.

Syntax:

> [!spoiler]- Spoiler
> The butler did it!

• Changes to the CodeBlock layout. It uses filter: invert() so that it applies the reverse styling on dark mode.
• Highlights the hovered line.
• Adds numbers to the side.

Converts comments to tooltips which show their content on hover. It works for both inline and block comments.

Syntax:

You can use inline footnotes ^[This is an inline footnote.] and then continue your text.

Converts inline footnotes to tooltips which show their content on hover.

Syntax:

You can use inline footnotes ^[This is an inline footnote.] and then continue your text.

Styles the various headings.

Styles the lists (ordered and unordered).

Long-form reading typography, activated per-note via the prose cssclasses value. Centres the title, justifies and indents paragraphs, and constrains line length to --prose-width (default 560px, configurable in 01-variables.css). Works in both reading mode and live preview.

Syntax:

---
cssclasses:
  - prose
---

Styles the properties block.

Styles the quote block.

Hides the Attachments folder from the sidebar.

Styling changes to the tables from the Advanced Table plugin.

A small modification for the Better Word Count plugin, which only shows the counter on hover.