https://github.com/liamcain/obsidian-lapel

🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.
https://github.com/liamcain/obsidian-lapel

obsidian-md obsidian-plugin

Last synced: 13 days ago
JSON representation

🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.

• Host: GitHub
• URL: https://github.com/liamcain/obsidian-lapel
• Owner: liamcain
• License: mit
• Created: 2022-03-14T18:15:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-17T18:29:52.000Z (4 months ago)
• Last Synced: 2024-10-23T08:51:56.847Z (21 days ago)
• Topics: obsidian-md, obsidian-plugin
• Language: TypeScript
• Homepage:
• Size: 117 KB
• Stars: 110
• Watchers: 3
• Forks: 4
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Lapel 🤵

Dress up your editor. **Lapel** shows a marker next to each heading to quickly distinguish between heading levels

![lapel-overview](https://user-images.githubusercontent.com/693981/158259622-e6d550d1-95ee-4fe4-82e7-490fe234b430.png)

## ⚙️ Features

- Shows the heading level in the editor gutter (e.g. h1, h2, h3, etc.)

- Menu for quickly switching the heading level

## 💅 Customization

Each heading level can be targeted separately with CSS for easy customization. For example, if you want all H6s to look like burger menus, simply change the heading marker:

```css

.cm-heading-marker[data-level="6"] {

  --heading-marker: "☰";

}

```

## Say Thanks 🙏

If you like this plugin and would like to buy me a coffee, you can!

[](https://www.buymeacoffee.com/liamcain)

Like my work and want to see more like it? You can sponsor me.

[![GitHub Sponsors](https://img.shields.io/github/sponsors/liamcain?style=social)](https://github.com/sponsors/liamcain)