web: text never draws below 11.5 px, which the sizes set for a mono face did in a proportional one
144 unmodified linesExpand all14514614714814914915015115215315415515615715815815916016116231 unmodified lines194195196197198198199200201202117 unmodified linesExpand all144 unmodified linesExpand all @apply border-l-2 border-border-strong pl-md text-foreground-muted; }
.markup code { @apply bg-(--y-soft) px-2xs py-3xs font-mono text-[0.875em]; @apply bg-(--y-soft) px-2xs py-3xs font-mono text-[max(var(--y-fs-floor),0.875em)]; }
.markup pre { @apply overflow-x-auto border border-border-default bg-(--y-soft) p-sm; }
/* pre above already has the padding and background, inline code would double it */ .markup pre code { @apply bg-transparent p-none font-mono text-[0.875em] leading-[calc(20/13)]; @apply bg-transparent p-none font-mono text-[max(var(--y-fs-floor),0.875em)] leading-[calc(20/13)]; }
.markup :where([data-codeblock]) { @apply my-sm flex max-h-150 flex-col overflow-hidden border border-border-default;31 unmodified lines --pele-font-mono: var(--font-mono); }
.markup kbd { @apply border border-border-default bg-background-subtle px-1.5 py-3xs font-mono text-[0.875em]; @apply border border-border-default bg-background-subtle px-1.5 py-3xs font-mono text-[max(var(--y-fs-floor),0.875em)]; }
.markup hr { @apply my-xl border-t border-border-default;117 unmodified linesExpand all8 unmodified lines910111213141516171819193 unmodified linesExpand all213214215216214217218219220221292 unmodified linesExpand all8 unmodified lines --y-lav: #8a6fd0; --y-teal: #3f9c8c; --y-amber: #c08a2c; --y-sky: #4f8fc4; /* the smallest text svfe draws: its sizes were set for a mono face, and the same em in a proportional one reads smaller */ --y-fs-floor: 11.5px; --y-add: #3f8f5f; --y-add-bg: #e9f6ee; --y-del: #c4475f; --y-del-bg: #fdebef;193 unmodified linesExpand all align-items: stretch; max-width: 100%; border: 1px solid var(--y-border); background: var(--y-card); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); line-height: 1.85; vertical-align: middle; } .y-seg {292 unmodified linesExpand all394 unmodified linesExpand all395396397398399399400401402403668 unmodified linesExpand all394 unmodified linesExpand all line-height: 1.3333;}
@utility typography-paragraph-mini { font-size: 0.625rem; font-size: max(var(--y-fs-floor, 0px), 0.625rem); line-height: 1.6;}
@utility typography-monospace-large {668 unmodified linesExpand all239 unmodified linesExpand all24024124224324424424524624724830 unmodified lines2792802812822832832842852862877 unmodified lines29529629729829929930030130230350 unmodified lines239 unmodified linesExpand all } .id { display: flex; background: var(--y-soft); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); line-height: 1.85; } .who { min-width: 0;30 unmodified lines margin: 0.2rem 0 0; font-family: var(--font-mono); overflow: hidden; color: var(--y-muted); font-size: 0.8em; font-size: max(var(--y-fs-floor), 0.8em); text-overflow: ellipsis; white-space: nowrap; } .side {7 unmodified lines flex-wrap: wrap; gap: 0.2rem 0.8rem; margin: 0.2rem 0 0; color: var(--y-muted); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); } .about span { display: inline-flex; align-items: center;50 unmodified lines195 unmodified linesExpand all19619719819920020020120220320420 unmodified lines195 unmodified linesExpand all } .note { padding: 0.1rem 0 0.1rem 0.75rem; border-left: 3px solid var(--y-del); font-size: 0.9em; font-size: max(var(--y-fs-floor), 0.9em); } .note b { font-weight: 600; }20 unmodified lines18 unmodified lines19202122232324252627145 unmodified linesExpand all18 unmodified lines reply: { root: "pt-sm pr-md pb-md" }, // story posts skip the avatar and card, the story node draws the rail story: { root: "block", meta: "items-baseline gap-x-2 gap-y-0 text-[0.84em]", meta: "items-baseline gap-x-2 gap-y-0 text-[max(var(--y-fs-floor),0.84em)]", markup: "markup mt-3xs", plain: "mt-3xs wrap-anywhere whitespace-pre-wrap text-foreground-default" } },145 unmodified linesExpand all241 unmodified linesExpand all24224324424524624624724824925025125273 unmodified lines241 unmodified linesExpand all
{#snippet replyFold()} {#if currentUser && !(thread.self.deleted && !thread.self.cid)} <details class="reply mt-xs"> <summary class="cursor-pointer text-[0.84em] text-(--y-muted) hover:text-(--y-accent)"> <summary class="cursor-pointer text-[max(var(--y-fs-floor),0.84em)] text-(--y-muted) hover:text-(--y-accent)" > reply </summary> {@render replyBox(currentUser)} </details>73 unmodified lines65 unmodified lines666768697070717265 unmodified lines
<style> .diff-file-tree { padding: 0.25rem 0.5rem 1rem 0.25rem; font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); }</style>135 unmodified linesExpand all13613713813914014014114214314484 unmodified lines22923023123223323323423523623737 unmodified lines135 unmodified linesExpand all .id { display: flex; align-items: stretch; background: var(--y-soft); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); line-height: 1.85; } .who { display: flex;84 unmodified lines border-top: 1px solid var(--y-border); flex-direction: column; gap: 0.5rem; padding: 0.6rem 0.75rem 0.7rem; font-size: 0.92em; font-size: max(var(--y-fs-floor), 0.92em); } .body:not(:has(*)) { display: none; }37 unmodified lines142 unmodified linesExpand all14314414514614714714814915015175 unmodified lines142 unmodified linesExpand all border: 0; border-right: 1px solid var(--y-border); background: transparent; font-family: var(--font-mono); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }75 unmodified lines186 unmodified linesExpand all18718818919019119119219319419546 unmodified lines2422432442452462462472482492504 unmodified lines186 unmodified linesExpand all } .label, .phase { color: var(--y-muted); font-size: 0.85em; font-size: max(var(--y-fs-floor), 0.85em); } .actions { display: flex; align-items: center;46 unmodified lines time, .size { flex: none; color: var(--y-muted); font-size: 0.85em; font-size: max(var(--y-fs-floor), 0.85em); white-space: nowrap; } .size { min-width: 5ch;4 unmodified lines81 unmodified lines8283848586868788899019 unmodified lines81 unmodified lines } .by, header :global(.when) { color: var(--y-muted); font-size: 0.9em; font-size: max(var(--y-fs-floor), 0.9em); } header :global(.when) { margin-left: auto; }19 unmodified lines47 unmodified lines484950515252535455569 unmodified lines47 unmodified lines padding: 0.05rem 0.5rem; border: 1px solid color-mix(in srgb, var(--y-accent) 28%, var(--y-border)); background: color-mix(in srgb, var(--y-soft) 85%, var(--y-card)); color: var(--y-text); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); font-weight: 500; white-space: nowrap; } summary {9 unmodified lines306 unmodified linesExpand all30730830931031131131231331431543 unmodified lines306 unmodified linesExpand all .corner { display: inline-flex; border: 1px solid var(--y-border); background: var(--y-card); font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); line-height: 1.85; } .corner > div { align-items: stretch;43 unmodified lines70 unmodified lines7172737475757677787929 unmodified lines1091101111121131131141151161176 unmodified lines70 unmodified lines gap: 0.45rem; min-width: 0; padding: 0 0.3rem 0 0.5rem; cursor: text; font-size: 0.8em; font-size: max(var(--y-fs-floor), 0.8em); color: var(--y-muted); background: var(--y-field); border: 1px solid var(--y-border); box-shadow: inset 0 1px 0 var(--y-field-shade);29 unmodified lines } kbd { flex: none; font: inherit; font-size: 0.86em; font-size: max(var(--y-fs-floor), 0.86em); line-height: 1; padding: 0.12rem 0.35rem; border: 1px solid var(--y-border); color: var(--y-muted);6 unmodified lines41 unmodified lines4243444546464748495015 unmodified lines41 unmodified lines padding: 0.15rem 0.7rem; border-bottom: 1px solid var(--y-border); background: var(--y-soft); color: var(--y-accent); font-size: 0.8em; font-size: max(var(--y-fs-floor), 0.8em); white-space: nowrap; } .pr { color: var(--y-muted);15 unmodified lines