code.css

1/* INK */23.tk-comment { color: var(--kit-dim); }4.tk-punctuation { color: var(--kit-dim); }5.tk-keyword { color: var(--kit-accent); }6.tk-string { color: color-mix(in srgb, var(--green) var(--kit-mix), var(--kit-fg)); }7.tk-string-expression { color: color-mix(in srgb, var(--green) var(--kit-mix), var(--kit-fg)); }8.tk-constant { color: color-mix(in srgb, var(--orange) var(--kit-mix), var(--kit-fg)); }9.tk-function { color: color-mix(in srgb, var(--blue) var(--kit-mix), var(--kit-fg)); }10.tk-parameter { color: color-mix(in srgb, var(--yellow) var(--kit-mix), var(--kit-fg)); }11.tk-link { color: var(--kit-accent); }1213/* FACE */1415.tk-bold { font-weight: 650; }16.tk-italic { font-style: italic; }17.tk-underline { text-decoration: underline; }1819/* PATH */2021.bar { display: flex; flex-wrap: wrap; gap: var(--kit-s3); align-items: baseline; justify-content: space-between; font: 13px/1.7 var(--kit-mono); padding-bottom: var(--kit-s3); border-bottom: var(--kit-hair); }22.bar .sep { color: var(--kit-dim); padding: 0 var(--kit-s1); }23.bar .tools { color: var(--kit-dim); }24.bar b { font-weight: 600; }2526/* FILES */2728.files { --kit-icon: 1.05rem; list-style: none; margin: var(--kit-s5) 0 0; padding: 0; border: var(--kit-hair); border-radius: var(--kit-r2); overflow: hidden; }29.files li { display: flex; align-items: center; gap: var(--kit-s3); padding: var(--kit-s2) var(--kit-s4); font: 14px/1.6 var(--kit-mono); border-top: var(--kit-hair); }30.files li:first-child { border-top: 0; }31.files li a { text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }32.files li .n { margin-left: auto; color: var(--kit-dim); font-size: 12px; }33.files .ico { flex: none; width: 1.05rem; text-align: center; color: var(--kit-dim); }34.files .ico::before { content: "/"; }35.readme { margin-top: var(--kit-s6); max-width: var(--kit-read); }3637/* CODE */3839.code { margin-top: var(--kit-s5); border: var(--kit-hair); border-radius: var(--kit-r2); background: var(--kit-panel); overflow: hidden; }40.code pre { margin: 0; padding: var(--kit-s4) 0; overflow-x: auto; background: none; border: 0; }41.code code { font: 13px/1.7 var(--kit-mono); }42.code.plain pre { padding: var(--kit-s4); }43.code .line { display: block; }44.code .line .n { display: inline-block; box-sizing: content-box; width: 5ch; padding: 0 var(--kit-s4) 0 var(--kit-s3); text-align: right; color: var(--kit-dim); text-decoration: none; user-select: none; }45.code .line .t { padding-right: var(--kit-s4); }46.code .line:target { background: color-mix(in srgb, var(--kit-accent) 14%, transparent); }47.code .line:target .n { color: var(--kit-accent); }4849/* GUTTER */5051.code.d2 .line .n { width: 2ch; }52.code.d3 .line .n { width: 3ch; }53.code.d4 .line .n { width: 4ch; }54.code.d5 .line .n { width: 5ch; }5556/* BLOB */5758.shot { margin: var(--kit-s5) 0 0; }59.shot img { max-width: 100%; height: auto; display: block; border: var(--kit-hair); border-radius: var(--kit-r2); background: var(--kit-art); }60.doc { display: block; width: 100%; height: 80vh; margin-top: var(--kit-s5); border: var(--kit-hair); border-radius: var(--kit-r2); }6162/* PRINT */6364@media print {65  .code { border: 0; background: none; }66  .code pre { white-space: pre-wrap; }67  .code .line .n { display: none; }68}