obsidian-plugin/dragonish_obsidian-heading-decorator
1
0
Fork 0
mirror of https://github.com/dragonish/obsidian-heading-decorator.git synced 2026-07-22 05:42:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs(readme): add a description about CSS variables

Browse source 
Refs: b413fe2035
This commit is contained in:
dragonish 2025-04-22 22:18:19 +08:00
parent b413fe2035
commit 8caaecb7f2
No known key found for this signature in database
GPG key ID: 6F42FA9E807A5177
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
README.md
View file

@ -190,6 +190,25 @@ For example, make all the decorators display in green:
}
```
In addition, the plugin provides a set of CSS variables for customizing the spacing of decorators:
- `--reading-heading-decorator-margin`: the margin of the heading decorator in the reading view.
- `--reading-heading-decorator-translate`: the translating vector value of the heading decorator in the reading view.
- `--preview-heading-decorator-margin`: the margin of the heading decorator in the live preview.
- `--preview-heading-decorator-translate`: the translating vector value of the heading decorator in the live preview.
- `--source-heading-decorator-margin`: the margin of the heading decorator in the source mode.
- `--source-heading-decorator-translate`: the translating vector value of the heading decorator in the source mode.
- `--outline-heading-decorator-margin`: the margin of the heading decorator in the outline plugin.
- `--file-explorer-heading-decorator-margin`: the margin of the heading decorator in the "Headings in Explorer" plugin.
For example, to adjust the spacing in the reading view to `8px`:
```css
body {
--reading-heading-decorator-margin: 8px;
}
```
## Credits
- [@jsamr/counter-style](https://github.com/jsamr/react-native-li/tree/master/packages/counter-style#readme)