roadmap/index.css

1 line
19 KiB
CSS
Raw Normal View History

2023-09-25 21:23:05 +00:00
:root{--shiki-color-text:#24292e;--shiki-color-background:#f8f8f8;--shiki-token-constant:#005cc5;--shiki-token-string:#032f62;--shiki-token-comment:#6a737d;--shiki-token-keyword:#d73a49;--shiki-token-parameter:#24292e;--shiki-token-function:#24292e;--shiki-token-string-expression:#22863a;--shiki-token-punctuation:#24292e;--shiki-token-link:#24292e}[saved-theme=dark]{--shiki-color-text:#e1e4e8!important;--shiki-color-background:#24292e!important;--shiki-token-constant:#79b8ff!important;--shiki-token-string:#9ecbff!important;--shiki-token-comment:#6a737d!important;--shiki-token-keyword:#f97583!important;--shiki-token-parameter:#e1e4e8!important;--shiki-token-function:#e1e4e8!important;--shiki-token-string-expression:#85e89d!important;--shiki-token-punctuation:#e1e4e8!important;--shiki-token-link:#e1e4e8!important}.callout{border:1px solid var(--border);background-color:var(--bg);box-sizing:border-box;border-radius:5px;padding:0 1rem;transition:max-height .3s;overflow-y:hidden}.callout>:nth-child(2){margin-top:0}.callout[data-callout=note]{--color:#448aff;--border:#448aff44;--bg:#448aff10}.callout[data-callout=abstract]{--color:#00b0ff;--border:#00b0ff44;--bg:#00b0ff10}.callout[data-callout=info],.callout[data-callout=todo]{--color:#00b8d4;--border:#00b8d444;--bg:#00b8d410}.callout[data-callout=tip]{--color:#00bfa5;--border:#00bfa544;--bg:#00bfa510}.callout[data-callout=success]{--color:#09ad7a;--border:#09ad7144;--bg:#09ad7110}.callout[data-callout=question]{--color:#dba642;--border:#dba64244;--bg:#dba64210}.callout[data-callout=warning]{--color:#db8942;--border:#db894244;--bg:#db894210}.callout[data-callout=failure],.callout[data-callout=danger],.callout[data-callout=bug]{--color:#db4242;--border:#db424244;--bg:#db424210}.callout[data-callout=example]{--color:#7a43b5;--border:#7a43b544;--bg:#7a43b510}.callout[data-callout=quote]{--color:var(--secondary);--border:var(--lightgray)}.callout.is-collapsed>.callout-title>.fold{transform:rotate(-90deg)}.callout-title{color:var(--color);gap:5px;padding:1rem 0;display:flex}.callout-title .fold{opacity:.8;cursor:pointer;margin-left:.5rem;transition:transform .3s}.callout-title>.callout-title-inner>p{color:var(--color);margin:0}.callout-icon{flex:0 0 18px;width:18px;height:18px;padding-top:4px}.callout-title-inner{font-weight:700}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;width:100vw;overflow-x:hidden}body,section{box-sizing:border-box;background-color:var(--light);font-family:var(--bodyFont);color:var(--darkgray);max-width:100%;margin:0}.text-highlight{background-color:#fff23688;border-radius:5px;padding:0 .1rem}::selection{background:color-mix(in srgb,var(--tertiary)75%,transparent);color:var(--darkgray)}p,ul,text,a,tr,td,li,ol,ul,.katex,.math{color:var(--darkgray);fill:var(--darkgray);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.math.math-display{text-align:center}a{color:var(--secondary);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--tertiary)!important}a.internal{background-color:var(--highlight);border-radius:5px;padding:0 .1rem;text-decoration:none}.desktop-only{display:initial}@media (max-width:1510px){.desktop-only{display:none}}.mobile-only{display:none}@media (max-width:1510px){.mobile-only{display:initial}.page{max-width:750px;margin:0 auto;padding:0 1rem}}.page article>h1{font-size:2rem}.page article li:has(>input[type=checkbox]){padding-left:0;list-style-type:none}.page article li:has(>input[type=checkbox]:checked){text-decoration:line-through;-webkit-text-decoration-color:var(--gray);text-decoration-color:var(--gray);color:var(--gray)}.page article li>*{margin-top:0;margin-bottom:0}.page article p>strong{color:var(--dark)}.page>#quartz-body{width:100%;display:flex}@media (max-width:1510px){.page>#quartz-body{flex-direction:column}}.page>#quartz-body .sidebar{box-sizing:border-box;flex-direction:column;flex:1;gap:2rem;width:380px;margin-top:6rem;padding:0 4rem;display:flex;position:fixed;top:0}@media (max-width:1510px){.page>#quartz-body .sidebar{position:initia