Scoped Snippets

Scoped Snippets is an Obsidian plugin that lets you apply CSS snippets to individual Markdown (.md) and Base (.base) files instead of enabling them globally across your entire vault.

⚠️ IMPORTANT: Disable CSS snippets in Obsidian first

For this plugin to work as intended, the CSS snippets you want to control per file must be disabled in Obsidian’s built-in Settings → Appearance → CSS snippets section.

If a snippet is enabled there, Obsidian will apply it globally across the entire vault, and Scoped Snippets will not be able to limit it to a single .md or .base file.

Installation

Manual Installation:

Download the latest release from the GitHub releases page. Extract the downloaded ZIP file. Copy the plugin folder into:

YourVault/.obsidian/plugins/

Restart Obsidian. Go to Settings → Community plugins. Enable Scoped Snippets.

Usage

Add your CSS snippets to:

.obsidian/snippets/

Open a Markdown .md or Base .base file then use the dropdown in the file view header. Select the CSS snippet you want to apply to that specific file.

To remove a snippet from a file, choose:

— none —

⚙️ Settings

You can customize the plugin in:

Settings → Community plugins → Scoped Snippets

Available settings:

1. Show or hide the snippet selector in supported file views.
2. Dropdown position:
   • Left
   • Center
   • Right

Hiding the dropdown does not disable already assigned snippets. It only hides the selector UI.

Limitations

Scoped Snippets is designed to scope regular CSS selectors to a specific file view. Some very complex CSS snippets, especially those using global selectors, advanced at-rules, or theme-wide variables, may require small adjustments to work perfectly when scoped.

License

This project is licensed under the MIT License.