1 line
7.5 KiB
CSS
1 line
7.5 KiB
CSS
pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}article{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 12px}article ::-webkit-scrollbar-track{background:transparent}article ::-webkit-scrollbar{height:12px;width:12px}article ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--color-scrollbar);border:3px solid transparent;border-radius:12px;opacity:.2}article ::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}article .post-title{color:var(--color-font);line-height:1.5;margin:12px 0}article .flag-paragraph{background:var(--color-blue);border-radius:var(--radius);position:relative}article .flag-paragraph .flag{align-items:center;display:inline-flex;position:absolute;right:100%;top:50%;transform:translate(-10px,-50%)}article .flag-paragraph .flag svg{height:16px;width:16px}article hr{background:var(--color-border-2);border:none;height:1.5px;width:100%}article a{color:var(--color-primary-1);text-decoration:none;transition:color .3s}article a:hover{color:var(--color-primary)}article .code-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-base,4px);margin-bottom:2rem;overflow-x:auto;position:relative}article .code-wrapper pre{font-size:12.8px;margin:0;padding-top:2rem}article .code-wrapper pre .line-numbers-rows{border-right:0!important}article .code-wrapper .btn-wrapper{align-items:center;background:var(--color-bg-2);border-radius:var(--radius-base,4px) var(--radius-base,4px) 0 0;display:flex;height:24px;justify-content:space-between;left:0;padding:0 4px 0 6px;position:absolute;right:0;top:0}article .code-wrapper .copy-button{align-items:center;color:var(--color-font-2);cursor:pointer;display:inline-flex;height:24px;padding:4px;width:24px}article .code-wrapper .copy-button:hover{color:var(--color-font-1)}article .code-wrapper .copy-button svg{height:100%;width:100%}article .code-wrapper .lang{color:var(--color-font-3);font-size:10px;padding-right:6px;text-transform:uppercase}article .code-wrapper .lang:first-letter{text-transform:uppercase}article blockquote{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-base,4px);color:var(--color-font-2);display:block;font-family:var(--font-regular);margin:10px 0;padding:.5rem;position:relative}article blockquote p{line-height:1.5;margin:0}article>p{color:var(--font-color-2);line-height:2;margin:0;padding:1.2rem 0}article>p img{max-width:100%}article>p code{background:var(--color-bg-3);border-radius:var(--radius-base,4px);color:var(--color-font-1);font-family:var(--font-regular);font-size:.9rem;line-height:1;margin:0 2px;padding:3px 6px}article h1,article h2,article h3,article h4,article h5,article h6{color:var(--color-font-1);font-weight:500;margin:2.5rem 0 1rem;padding:.5rem 0}article h1{font-size:20px}article h2{font-size:18px}article h3{font-size:16px}article h4{font-size:14px}article ol,article ul{margin:16px 0;padding-left:1.25rem}article ol li,article ul li{color:var(--color-font-1);line-height:24px}article ol li::marker,article ul li::marker{color:var(--color-font-2)}article table{border:0;border:1px solid var(--color-border-2);border-collapse:collapse;border-radius:var(--radius-base,4px) var(--radius-base,4px) 0 0;margin-bottom:2rem;overflow:hidden;width:100%}article table thead tr th{background:var(--color-bg-2);font-size:calc(var(--font-size)*.9);padding:12px;text-align:left}article table thead tr th:first-of-type{border-radius:var(--radius-base,4px) 0 0 0}article table thead tr th:last-of-type{border-radius:0 var(--radius-base,4px) 0 0}article table tbody tr:hover{background:var(--color-bg-hover)}article table tbody tr td{border-bottom:1px solid var(--color-border-2);line-height:1.5;padding:12px;text-align:left}.post-container{display:flex;flex-direction:column;height:100%}.post-container>header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;height:57px;justify-content:space-between;padding:0 12px}.post-container>header .left{align-items:center;display:flex;gap:24px}.post-container .content{display:flex;flex:1;min-width:0;overflow-y:hidden;position:relative}.post-container .content>main{flex:1}.post-container .content>main .article-container{display:flex;flex-direction:column;flex-grow:1;margin-left:auto;margin-right:auto;max-width:860px;min-height:100%;position:relative}.post-container .content>main .article-container>article{display:flex;flex:1;flex-direction:column}.post-container .content>main .article-container>article .last-updated{color:var(--color-font-2);font-size:calc(var(--font-size)*.9);padding-bottom:24px}.post-container .content>main .article-container>article .post-tags{display:flex;flex-wrap:wrap;gap:4px}.post-container .content>main .vbtn,.post-container .content>main .vinput,.post-container .content>main .vwrap{border-color:var(--color-border);border-bottom-color:var(--color-border)}.post-container #toc-drag-box{background:var(--color-bg);bottom:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.post-container #toc-drag-box .meta-container{display:flex;flex-direction:column;height:100%;position:relative}.post-container #toc-drag-box .meta-container>header{align-items:center;border-bottom:1px solid var(--color-border-2);display:flex;min-height:57px;padding-left:2rem}.post-container #toc-drag-box .meta-container .toc-wrapper{display:flex;flex:1;flex-direction:column;margin:0;padding:0 1rem}.post-container #toc-drag-box .meta-container .toc-wrapper .catalog{align-items:center;color:var(--color-font-3);display:inline-flex}.post-container #toc-drag-box .meta-container .toc-wrapper .catalog svg{height:16px;width:16px}.post-container #toc-drag-box .meta-container .toc-wrapper .catalog span{font-size:13px;padding-left:8px}.post-container #toc-drag-box .meta-container .toc-wrapper ol{list-style:none;margin:0;padding-left:0}.post-container #toc-drag-box .meta-container .toc-wrapper .toc{flex:1;margin:0;overflow-y:auto;position:relative}.post-container #toc-drag-box .meta-container .toc-wrapper .toc>li:last-of-type{margin-bottom:1.5rem}.post-container #toc-drag-box .meta-container .toc-wrapper .toc::-webkit-scrollbar{display:none}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-item a{border-radius:var(--radius-base,4px);display:block;font-size:calc(var(--font-size)*.9);line-height:2rem;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-item a:hover{background:var(--color-bg-hover)}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-item a.active{background:var(--color-bg-hover);color:var(--color-primary)}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-level-1 a{color:var(--color-font-1);padding-left:1rem}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-level-2 a{color:var(--color-font-2);padding-left:2rem}.post-container #toc-drag-box .meta-container .toc-wrapper .toc .toc-level-3 a{padding-left:3rem}.post-container .motto{font-family:motto;font-size:calc(var(--font-size)*1.2)} |