mirror of
https://github.com/cverinc/marktile.git
synced 2026-07-22 07:42:21 +00:00
release 0.0.65 — Seasoned colour palette refresh + heading indent-guide fix
Co-Authored-By: chodaict <x@cver.net> Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
7f7b52367d
commit
2e243a8cca
3 changed files with 13 additions and 5 deletions
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"id": "marktile",
|
||||
"name": "marktile",
|
||||
"version": "0.0.64",
|
||||
"version": "0.0.65",
|
||||
"minAppVersion": "1.4.0",
|
||||
"description": "A Markdown editor where the markers never hide — headings grow while ## stays put. Pairs with tugtile. CJK-friendly.",
|
||||
"author": "CVER Inc.",
|
||||
|
|
|
|||
14
styles.css
14
styles.css
|
|
@ -603,6 +603,14 @@ body.is-phone .tugtile-ed-bar { padding-top: 6px; padding-bottom: 4px; }
|
|||
background-position: 1ch center; /* one cell in; tab is 2 cells, so one cell of space after the rule */
|
||||
padding-block: 0.35em;
|
||||
}
|
||||
/* A leading tab on a heading line must NOT inflate the indent guide — its 1ch position / 100% height / 0.35em
|
||||
padding are all font-size-relative, so on a grown heading the thin rule balloons. Counter-scale the tab's own
|
||||
font-size by the heading's scale so its metrics fall back to the base text size (the guide stays thin). */
|
||||
.marktile-ed .tg-h1 .tg-tab { font-size: calc(1em / 1.7); }
|
||||
.marktile-ed .tg-h2 .tg-tab { font-size: calc(1em / 1.45); }
|
||||
.marktile-ed .tg-h3 .tg-tab { font-size: calc(1em / 1.25); }
|
||||
.marktile-ed .tg-h4 .tg-tab { font-size: calc(1em / 1.12); }
|
||||
.marktile-ed .tg-h5 .tg-tab, .marktile-ed .tg-h6 .tg-tab { font-size: calc(1em / 1.05); }
|
||||
|
||||
/* ── Table of contents (marktile only). A toggle side panel of H1–H3; click a heading to scroll to it.
|
||||
Absolute overlay anchored (top set in JS) to the editor content, so the toolbar + the TOC toggle button
|
||||
|
|
@ -678,12 +686,12 @@ body.is-phone .tugtile-ed-rich { padding-bottom: 55vh; }
|
|||
/* Seasoned "彩色" palette — opt-in via settings (seasonedColor → .marktile-palette-color on the editor mount).
|
||||
Each syntax token gets its own hue instead of the single accent tint. Obsidian theme color vars (hex fallbacks
|
||||
for the web host) so it tracks light/dark + custom themes. quote/strike/date/check keep their base styling. */
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-h { color: var(--color-cyan, #56b6c2); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-b { color: var(--color-orange, #d19a66); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-h { color: var(--color-orange, #d19a66); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-b { color: var(--color-yellow, #e5c07b); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-i { color: var(--color-purple, #c678dd); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-code { color: var(--color-green, #98c379); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-tag,
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-link { color: var(--color-blue, #61afef); }
|
||||
.marktile-palette-color .tugtile-ed-rich .tg-link { color: var(--color-cyan, #56b6c2); }
|
||||
/* Textarea for card editing */
|
||||
.tugtile__tile-edit {
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"0.0.64": "1.4.0"
|
||||
"0.0.65": "1.4.0"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue