rapier-markdown-kit 1.1.63 → 1.1.64

package/dist/spec/md-layout.mjs

@@ -5,7 +5,9 @@
 // `lines`: a picture's height in lines of the text beside it, set as a drop cap is (CSS `initial-letter`): its top on the first
 // line's cap height, its foot on the Nth line's baseline, its width from its own aspect. A whole number 1 to 12; never with `width`.
 // `first`/`indent`: a paragraph's first-line indent and its whole-block indent, in levels of one step (2em), a whole number from 1 to 4, omitted when 0; text only.
-export const fields = new Set(['align', 'width', 'lines', 'wrap', 'x', 'y', 'rotate', 'opacity', 'first', 'indent']);
+// `lock=on`: a picture locked in place (the founder, 5 October): a tap goes to the words, never the picture; a hold takes it
+// to unlock it. Omitted when off.
+export const fields = new Set(['align', 'width', 'lines', 'wrap', 'x', 'y', 'rotate', 'opacity', 'first', 'indent', 'lock']);
 export const alignments = new Set(['left', 'center', 'right', 'justify']);
 // `behind`/`front`: out of flow; the paragraph lays out as though the picture were absent.
 export const wraps = new Set(['around', 'box', 'behind', 'front']);
@@ -29,6 +31,7 @@ export function validLayout(value) {
     (!has(value, 'rotate') || oneDecimalDegrees(value.rotate)) &&
     (!has(value, 'opacity') || Number.isInteger(value.opacity) && value.opacity >= 5 && value.opacity <= 100) &&
     (!has(value, 'first') || level(value.first)) && (!has(value, 'indent') || level(value.indent)) &&
+    (!has(value, 'lock') || value.lock === 'on') &&
     !(has(value, 'align') && (has(value, 'wrap') || has(value, 'x')));
 }
 
@@ -93,7 +96,8 @@ export function imageStyle(value) {
       decimal(Number(Math.max(0, Math.min(100 - width, value.x - width / 2)).toFixed(6))) + '%;margin-right:0';
     parts.push('width:' + decimal(width) + '%;height:auto' + left);
   }
-  if (value.lines != null) parts.push('width:auto;max-width:100%;height:' + linesHeightCss(value.lines));
+  // Wider than the column at its own aspect, it is contained in the N-line box, never stretched.
+  if (value.lines != null) parts.push('width:auto;max-width:100%;height:' + linesHeightCss(value.lines) + ';object-fit:contain');
   if (value.opacity != null && value.opacity < 100) parts.push('opacity:' + decimal(value.opacity / 100));
   return parts.join(';');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapier-markdown-kit",
-  "version": "1.1.63",
+  "version": "1.1.64",
   "description": "Read, render, write and style Self-contained Markdown, and carry its optional edit ledger: the shared HTML writer, semantic renderer, stylesheet, layout, marks, pictures, Will/1, replay, authorship and offline merge. MIT, no npm dependencies.",
   "keywords": [
     "markdown",

package/style.css

@@ -367,7 +367,7 @@
 .md-render h1,.md-render h2,.md-render h3,.md-render h4,.md-render h5,.md-render h6{
 	font-family:var(--md-font-sans);letter-spacing:-0.01em;
 	line-height:var(--md-line);margin:0 0 calc(var(--md-line) / 2);color:var(--md-heading-color);text-wrap:balance}
-.md-render h1{font-size:calc(var(--md-text-body) * 2.4);line-height:calc(var(--md-line) * 2);font-weight:700}
+.md-render h1{font-size:calc(var(--md-text-body) * 2.7);line-height:calc(var(--md-line) * 2);font-weight:620}
 .md-render h2{font-size:calc(var(--md-text-body) * 1.9);line-height:calc(var(--md-line) * 1.5);font-weight:600}
 .md-render h3{font-size:calc(var(--md-text-body) * 1.5);line-height:calc(var(--md-line) * 1.5);font-weight:600}
 .md-render h4{font-size:calc(var(--md-text-body) * 1.25);font-weight:500}
@@ -577,7 +577,7 @@
 	background:var(--md-color-inset);border:1px solid var(--md-color-border);padding:1px 5px}
 .md-render pre{margin:0 0 var(--md-line);padding:var(--md-space-3) var(--md-space-4);
 	background:var(--md-color-surface-2);border:1px solid var(--md-color-border);overflow-x:auto}
-.md-render pre code{background:none;border:none;padding:0;font-size:0.8125rem;line-height:calc(var(--md-line) * .75)}
+.md-render pre code{background:none;border:none;padding:0;font-size:calc(var(--md-text-body) * 0.7386);line-height:calc(var(--md-line) * .75)}
 .md-render .math-display-wrap{
 	display:block;
 	max-width:100%;
@@ -784,11 +784,18 @@
 .rapier-ink-layer svg{position:absolute;display:block;margin:0;padding:0;overflow:visible}
 .rapier-ink-layer path{fill:light-dark(var(--md-ink),var(--md-ink-dark));stroke:none;opacity:.92}
 @media print{.rapier-ink-layer path{fill:var(--md-ink)}}
-.md-render [data-md-color="#1c7547"]{--md-color-dark:#70c390}
 .md-render [data-md-color="#b32034"]{--md-color-dark:#ff8385}
-.md-render [data-md-color="#175dc4"]{--md-color-dark:#7bafff}
+.md-render [data-md-color="#c2410c"]{--md-color-dark:#fb923c}
 .md-render [data-md-color="#865818"]{--md-color-dark:#d6a367}
+.md-render [data-md-color="#4d7c0f"]{--md-color-dark:#a3cf5c}
+.md-render [data-md-color="#1c7547"]{--md-color-dark:#70c390}
+.md-render [data-md-color="#0f766e"]{--md-color-dark:#5eead4}
+.md-render [data-md-color="#0369a1"]{--md-color-dark:#7dd3fc}
+.md-render [data-md-color="#175dc4"]{--md-color-dark:#7bafff}
+.md-render [data-md-color="#4338ca"]{--md-color-dark:#a5b4fc}
 .md-render [data-md-color="#7924d7"]{--md-color-dark:#ba97ff}
+.md-render [data-md-color="#be185d"]{--md-color-dark:#f9a8d4}
+.md-render [data-md-color="#57606a"]{--md-color-dark:#aab1bb}
 .md-render abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--md-color-text-muted);text-underline-offset:2px;cursor:help}
 .md-render ins{text-decoration:underline;color:var(--md-color-success)}
 /* The document owns its selection accent, including on an exported page. */