Contextual Typography
mgmeyers109k downloadsAdd a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.
- Overview
- Scorecard
- Updates10
This plugin adds a data-tag-name attribute to all top-level preview divs, allowing contextual typography. Note: this plugin does not add any styles, but enables contextual styling.
This is specifically inspired by http://matejlatin.github.io/Gutenberg/
Sample
.markdown-preview-view div[data-tag-name="h1"] + div > h2 {
margin-top: 1.8888888889rem;
}
Before:
After:
66%
HealthFair
ReviewSatisfactory
About
Add a data-tag-name attribute to every top-level markdown preview div to enable contextual CSS targeting. Target preview blocks by surrounding heading tags for precise, context-aware typography; the plugin does not add styles itself.Details
Current version
2.2.5
Last updated
3 years ago
Created
5 years ago
Updates
10 releases
Downloads
109k
Compatible with
Obsidian 0.9.22+
Platforms
Desktop, Mobile
License
GPL-3.0