code.css

1/* INK */23.tk-comment { color: var(--dim); }4.tk-punctuation { color: var(--dim); }5.tk-keyword { color: var(--accent); }6.tk-string { color: color-mix(in srgb, var(--green) var(--mix), var(--fg)); }7.tk-string-expression { color: color-mix(in srgb, var(--green) var(--mix), var(--fg)); }8.tk-constant { color: color-mix(in srgb, var(--orange) var(--mix), var(--fg)); }9.tk-function { color: color-mix(in srgb, var(--blue) var(--mix), var(--fg)); }10.tk-parameter { color: color-mix(in srgb, var(--yellow) var(--mix), var(--fg)); }11.tk-link { color: var(--accent); }12.tk-inserted { color: color-mix(in srgb, var(--green) var(--mix), var(--fg)); }13.tk-deleted { color: color-mix(in srgb, var(--pink) var(--mix), var(--fg)); }14.tk-changed { color: color-mix(in srgb, var(--yellow) var(--mix), var(--fg)); }1516/* FACE */1718.tk-bold { font-weight: 650; }19.tk-italic { font-style: italic; }20.tk-underline { text-decoration: underline; }2122/* PATH */2324.bar { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: baseline; justify-content: space-between; font: 13px/1.7 var(--mono); padding-bottom: var(--s3); border-bottom: var(--hair); }25.bar .sep { color: var(--dim); padding: 0 var(--s1); }26.bar .tools { color: var(--dim); }27.bar b { font-weight: 600; }2829/* FILES */3031.files { --font-size: 1.05rem; list-style: none; margin: var(--s5) 0 0; padding: 0; border: var(--hair); border-radius: var(--r2); overflow: hidden; }32.files li { display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s4); font: 14px/1.6 var(--mono); border-top: var(--hair); }33.files li:first-child { border-top: 0; }34.files li a { text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }35.files li .n { margin-left: auto; color: var(--dim); font-size: 12px; }36.files .ico { flex: none; width: 1.05rem; text-align: center; color: var(--dim); }37.files .ico::before { content: "/"; }38.readme { margin-top: var(--s6); max-width: var(--read); }3940/* CODE */4142.code { margin-top: var(--s5); border: var(--hair); border-radius: var(--r2); background: var(--panel); overflow: hidden; }43.code pre { margin: 0; padding: var(--s4) 0; overflow-x: auto; background: none; border: 0; }44.code code { font: 13px/1.7 var(--mono); }45.code.plain pre { padding: var(--s4); }46.code .line { display: block; }47.code .line .n { display: inline-block; box-sizing: content-box; width: 5ch; padding: 0 var(--s4) 0 var(--s3); text-align: right; color: var(--dim); text-decoration: none; user-select: none; }48.code .line .t { padding-right: var(--s4); }49.code .line:target { background: color-mix(in srgb, var(--accent) 14%, transparent); }50.code .line:target .n { color: var(--accent); }5152/* GUTTER */5354.code.d2 .line .n { width: 2ch; }55.code.d3 .line .n { width: 3ch; }56.code.d4 .line .n { width: 4ch; }57.code.d5 .line .n { width: 5ch; }58.code.d6 .line .n { width: 6ch; }5960/* BLOB */6162.shot { margin: var(--s5) 0 0; }63.shot img { max-width: 100%; height: auto; display: block; border: var(--hair); border-radius: var(--r2); background: var(--art); }64.doc { display: block; width: 100%; height: 80vh; margin-top: var(--s5); border: var(--hair); border-radius: var(--r2); }6566/* PRINT */6768@media print {69  .code { border: 0; background: none; }70  .code pre { white-space: pre-wrap; }71  .code .line .n { display: none; }72}