obsidian-plugin/gapmiss_badges
1
0
Fork 0
mirror of https://github.com/gapmiss/badges.git synced 2026-07-22 08:00:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Document data-badge-type CSS attribute for plain-text badges

Browse source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@gapmiss 2026-05-29 17:19:19 -05:00
parent 1bd093dec5
commit f672e3492e
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
README.md
View file

@ -264,6 +264,26 @@ body {
}
```
##### Styling plain-text badges by type
Plain-text badges include a `data-badge-type` attribute containing the `KEY` value, enabling CSS targeting of specific badge types.
###### examples
```css
/* Style all "Status" badges */
.inline-badge-extra[data-badge-type="Status"] {
background-color: rgba(var(--color-green-rgb), .22);
color: rgba(var(--color-green-rgb), .88);
}
/* Style "Priority" badges differently */
.inline-badge-extra[data-badge-type="Priority"] {
background-color: rgba(var(--color-red-rgb), .22);
color: rgba(var(--color-red-rgb), .88);
}
```
### Dataview
View and copy example dataview queries: [badges-dataview](assets/badges-dataview.md)