2 lines
8.9 KiB
CSS
2 lines
8.9 KiB
CSS
|
html{font-kerning:normal;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:1.5rem 0;font-size:1.125rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.75;background:#f9f9f9;color:#222}@keyframes fade-in{0%{opacity:0}50%{opacity:0.8}100%{opacity:1}}a:link{color:blue;text-decoration:none}a:hover{color:#c00}a:visited{color:#009}h2 .anchor,h3 .anchor,h4 .anchor{visibility:hidden;text-decoration:none;cursor:pointer;line-height:1;color:#222}h2:hover .anchor,h3:hover .anchor,h4:hover .anchor{visibility:visible;animation:fade-in 0.3s ease-in-out;font-family:'FabricMDL2Icons'}pre{margin:1.5rem 0;border-radius:4px;padding:1.5rem;overflow:auto;position:relative}pre code{background:transparent}pre code::after{content:attr(data-lang);font-style:italic;line-height:1;opacity:0.3;position:absolute;bottom:1.5rem;right:1.5rem;z-index:1}code{font:400 1.125rem/1.75 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.copy-code-button{font-family:'FabricMDL2Icons';display:none;background:#f9f9f9;border-radius:4px;border:none;cursor:pointer;animation:fade-in 0.3s ease-in-out;font-size:1.5rem;color:#222;z-index:10;position:absolute;top:1.5rem;right:1.5rem}pre:hover .copy-code-button{display:block}nav{position:sticky;height:92vh;top:1.5rem;left:1.5rem;bottom:1.5rem;padding-right:1.5rem;width:20rem}nav img{width:128px}nav h1{margin:0;line-height:1}#toc{margin-left:calc(1.5rem + 1.125rem);padding:0;margin:0 0 0 1.5rem;font-size:80%}#toc li{color:#222;margin-left:1.125rem}#toc li::before{display:inline-block;content:""}#toc li ul{padding:0}main{display:flex;flex-flow:row nowrap;animation:fade-in 0.4s ease-in-out}#release{text-align:left;margin:1.5rem 0}#release::before{display:inline-block;content:"\EE2E";font-family:'FabricMDL2Icons';margin-right:calc(1.5rem / 8)}@keyframes slideIn{0%{max-height:0;opacity:0}100%{max-height:999px;opacity:1}}@keyframes slideOut{0%{height:auto;opacity:1}100%{height:0;opacity:0}}nav label{display:block}#trees{overflow-y:auto;height:80%}.subtree{overflow:hidden;margin:calc(1.5rem / 8) 0;transition:overflow 0.2s ease-in-out;padding:0}.tree-toggle-label{user-select:none;cursor:pointer}.tree-toggle-label::before{display:inline-block;content:"\E970";font-family:'FabricMDL2Icons';font-size:.75rem;transform:rotate(0deg);transform-origin:50% 50% 0px;transition:transform 0.1s linear 0s;margin-right:2px}.tree-toggle{position:absolute;opacity:0;z-index:-1}.tree-toggle:checked+.tree-toggle-label::before{content:"\E970";font-family:'FabricMDL2Icons';font-size:.75rem;transform:rotate(90deg);transform-origin:50% 50% 0px;transition:transform 0.1s linear 0s;margin-right:2px}.tree-toggle:checked+.tree-toggle-label{font-weight:bold}.tree-toggle+.tree-toggle-label+.subtree{animation-name:slideOut;animation-duration:0.25s;animation-fill-mode:both}.tree-toggle:checked+.tree-toggle-label+.subtree{animation-name:slideIn;animation-duration:0.25s;animation-fill-mode:both}.subtree li{list-style-type:none;margin-left:1.5rem}.subtree li a{color:#222}.subtree li::before{content:"\E7C3";font-family:'FabricMDL2Icons';font-size:0.75rem}.active a{font-weight:bold}article{width:calc(100% - (1.5rem * 4 + 20rem));margin-left:calc(1.5rem * 2)}article img{max-width:100%}#mobile{display:none}@media screen and (max-width: 1023px){main{flex-flow:column nowrap;width:100%}nav{position:inherit;height:auto;margin:1.5rem 1.5rem 0 1.5rem}article{width:calc(100% - (1.5rem * 2));margin:0 1.5rem;z-index:1}#mobile{font-family:'FabricMDL2Icons';cursor:pointer;font-size:1.5rem;margin:0 1.5rem 0 0;display:block;color:#222}#trees{display:none;position:absolute;background:#f9f9f9;height:auto;width:100vw;z-index:10;box-shadow:0 2px 0 rgba(0,0,0,0.1)}#on_right{margin-top:1.5rem}}@font-face{font-family:'FabricMDL2Icons';src:url("data:application/octet-stream;base64,d09GRgABAAAAAAusAA4AAAAAFLgABDXDAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEgAAABgMUZ1H2NtYXAAAAGMAAAAWgAAAYKg2Y81Y3Z0IAAAAegAAAAgAAAAKgnZCa9mcGdtAAACCAAAAPAAAAFZ/J7mjmdhc3AAAAL4AAAADAAAAAwACAAbZ2x5ZgAAAwQAAANyAAAEuLnx29VoZWFkAAAGeAAAADIAAAA2A3zu4GhoZWEAAAasAAAAFQAAACQQAQ
|