obsidian-arrow-css
Installation
SKILL.md
Obsidian Arrow CSS
Practical guide to styling components so they look native in Obsidian with the minimum amount of custom CSS. The goal: every rule you write is load-bearing — nothing exists that could have been replaced by an Obsidian class or a utility.
CSS prefix conventions
Three prefix families, three locations — never mix them:
| Prefix | Location | Portability |
|---|---|---|
oasbox-* |
tools/sandbox/sandbox.css |
Sandbox chrome only — never copy into a plugin |
oas-* |
src/utilities.css |
Portable — copy with components into any plugin |
oas-shell-* |
src/utilities.css (shell section) |
Portable structural shells — view and component roots |
If you see an oasbox-* class in component code, it is a mistake — those classes exist only in the sandbox frame (viewer chrome) and won't be styled in a real plugin. Use oas-* utilities or scoped component CSS instead.