2 lines
3.3 KiB
CSS
2 lines
3.3 KiB
CSS
*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}.container{width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-bottom:2rem}@media screen and (min-width: 1200px){*{scrollbar-width:thin;scrollbar-color:#111 #161616}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:#161616}*::-webkit-scrollbar-thumb{background-color:#111;border:3px solid #161616}}.site-header{padding:2rem 0;display:flex;align-items:center}.site-header .brand{margin-right:0.5rem;opacity:0.8}.site-header .brand:hover{opacity:1}.site-header nav{flex:1}#search input{padding:0.5rem 0.75rem;border:none;font-family:"Source Code Pro",monospace;background-color:#1d1d1d;border-radius:4px}#search .results-container{display:none}.site-nav ul{padding:0;list-style:none;text-transform:uppercase;letter-spacing:0.1rem;font-weight:bold;font-family:"Space Grotesk",Helvetica,sans-serif;font-size:0.8rem}.site-nav li{display:inline-block;padding:0 0.2rem}.site-nav a{display:inline-block;color:#a1a1a1;border:none;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:#f1f1f1}.site-nav .main-menu{font-size:0.75rem}.site-nav .sub-menu{font-size:0.65rem}.home-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.home-page .inner h1{margin:0}@media (max-width: 640px){.home-page{text-align:center;flex-direction:column}}*{color:inherit;line-height:1.3;text-decoration:inherit}html{color:#f1f1f1;background:#111;font-family:"Charter",serif;text-rendering:optimizeLegibility}@media all and (min-width: 640px){html{font-size:17px}}@media all and (min-width: 720px){html{font-size:18px}}@media all and (min-width: 1024px){html{font-size:19px}}main{font-size:0.9rem}main a{color:#ef5350;border-bottom:1px solid #ef5350}h1,h2,h3{font-weight:bold;font-family:"Space Grotesk",Helvetica,sans-serif;margin:1.2rem 0 0.4rem 0}h1>a,h2>a,h3>a{color:inherit;border-bottom:none}h1 a.anchor,h2 a.anchor,h3 a.anchor{display:none}h1 a.anchor::after,h2 a.anchor::after,h3 a.anchor::after{color:#ef5350;content:" #";font-weight:bold;text-decoration:none}h1:hover a.anchor,h2:hover a.anchor,h3:hover a.anchor{display:inline}h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.25rem}small{font-size:0.5em}ul,ol{padding-left:1rem}ul li,ol li{padding-bottom:0.2rem}hr{border:none;height:2px;margin-bottom:0.5rem;margin-top:0.5rem;background-color:#161616}article header,article footer .info{font-size:0.8em}article .icon{color:#a1a1a1}article .readmore span{font-size:0.9em}article .readmore .icon{color:#ef5350}p{padding-top:0.5rem;padding-bottom:0.5rem}pre{background-color:#1d1d1d;font-size:0.8em;overflow-x:auto;padding:0.8rem;border-radius:4px;margin-bottom:0.5rem;border-left:4px solid #ef5350}table{border-collapse:collapse;border-spacing:0}table tr{border-bottom:1px solid #161616}table th{padding-top:0.6em;padding-bottom:0.4em;padding-left:0.8em;padding-right:0.8em;font-size:0.9em;font-family:"Space Grotesk",Helvetica,sans-serif;font-weight:normal;background-color:#161616}table td{padding:0.4em 0.6em}code{font-family:"Source Code Pro",monospace;background-color:#1d1d1d;padding:2.5px 5px;border-radius:4px;font-size:0.75em}img.badge,a.badge img{vertical-align:middle}.badge{border:none;text-decoration:none}.muted{color:#a1a1a1}.mono{font-family:"Source Code Pro",monospace}
|