1 line
9.6 KiB
CSS
1 line
9.6 KiB
CSS
button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;border-radius:8px;border:1px solid rgba(0,0,0,0);appearance:none;cursor:pointer;outline:none}a.read-more,a.read-more:hover,a.read-more:active{display:inline-flex;background:none;box-shadow:none;padding:0;margin:20px 0;max-width:100%}@font-face{font-family:"Fira Code";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/FiraCode-Regular.woff2") format("woff2"),url("assets/fonts/FiraCode-Regular.woff") format("woff")}@font-face{font-family:"Fira Code";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/FiraCode-Bold.woff2") format("woff2"),url("assets/fonts/FiraCode-Bold.woff") format("woff")}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.header{display:flex;flex-direction:column;position:relative}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{content:"";background:repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 10px);display:block;width:100%;right:10px}.header__logo a{flex:0 0 auto;max-width:100%;text-decoration:none}.header .menu{margin:20px 0;--shadow-color: var(--accent-alpha-70);--shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color)}@media (max-width: 683px){.header .menu{background:var(--background);box-shadow:var(--shadow);color:var(--color);border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;position:absolute;top:50px;right:0}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width: 683px){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width: 683px){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){margin-right:20px;margin-bottom:10px;flex:0 0 auto}@media (max-width: 683px){.header .menu__inner{flex-direction:column;align-items:flex-start;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{position:relative;list-style:none;padding:0;margin:0}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{background:var(--background);box-shadow:var(--shadow);color:var(--color);border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;top:35px;left:0}.header .menu__sub-inner-more-trigger{color:var(--accent);user-select:none;cursor:pointer}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu-trigger{color:var(--accent);border:2px solid;margin-left:10px;height:100%;padding:3px 8px;position:relative}.logo{display:flex;align-items:center;text-decoration:none;background:var(--accent);color:#000;padding:5px 10px}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:"Fira Code",Menlo,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;font-size:1rem;line-height:1.54;background-color:var(--background);color:var(--color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;font-feature-settings:"liga"}@media (max-width: 683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{line-height:1.3}h1:not(first-child),h2:not(first-child),h3:not(first-child),h4:not(first-child),h5:not(first-child),h6:not(first-child){margin-top:40px}h1 .zola-anchor,h2 .zola-anchor,h3 .zola-anchor,h4 .zola-anchor,h5 .zola-anchor,h6 .zola-anchor{font-size:1.5rem;visibility:hidden;margin-left:.5rem;vertical-align:1%;text-decoration:none;border-bottom-color:rgba(0,0,0,0);cursor:pointer}@media (max-width: 683px){h1 .zola-anchor,h2 .zola-anchor,h3 .zola-anchor,h4 .zola-anchor,h5 .zola-anchor,h6 .zola-anchor{visibility:visible}}h1:hover .zola-anchor,h2:hover .zola-anchor,h3:hover .zola-anchor,h4:hover .zola-anchor,h5:hover .zola-anchor,h6:hover .zola-anchor{visibility:visible}h1{font-size:1.4rem}h2{font-size:1.3rem}h3{font-size:1.2rem}h4,h5,h6{font-size:1.15rem}a{color:inherit}img{display:block;max-width:100%}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure figcaption{font-size:14px;padding:5px 10px;margin-top:5px;background:var(--accent);color:var(--background)}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{font-family:"Fira Code",Menlo,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;background:var(--accent-alpha-20);color:var(--accent);padding:1px 6px;margin:0 2px;font-size:.95rem}pre{font-family:"Fira Code",Menlo,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga";padding:20px 10px;font-size:.95rem;overflow:auto;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}pre+pre{border-top:0;margin-top:-40px}@media (max-width: 683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none !important;margin:0;padding:0;font-size:inherit;border:none}pre code table{table-layout:auto;border-collapse:collapse;box-sizing:border-box;width:100%;margin:0px 0}pre code table,pre code th,pre code td{border:none;padding:0px}pre code table tr td:first-child{padding-right:10px}blockquote{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width: 683px){blockquote{padding-right:0}}blockquote:before{content:"”";font-family:Georgia,serif;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{content:">";display:block;position:absolute;left:-25px;color:var(--accent)}table{table-layout:fixed;border-collapse:collapse;width:100%;margin:40px 0}table,th,td{border:1px dashed var(--accent);padding:10px}th{color:var(--accent)}ul,ol{margin-left:30px;padding:0}ul li,ol li{position:relative;margin-top:5px;margin-bottom:5px}@media (max-width: 683px){ul,ol{margin-left:20px}}ul ul,ul ol,ol ul,ol ol{margin-top:10px;margin-bottom:10px}ol ol{list-style-type:lower-alpha}.container{display:flex;flex-direction:column;padding:40px;max-width:864px;min-height:100vh;border-right:1px solid rgba(255,255,255,.1)}.container.full,.container.center{border:none;margin:0 auto}.container.full{max-width:100%}@media (max-width: 683px){.container{padding:20px}}.content{display:flex}hr{width:100%;border:none;background:var(--border-color);height:1px}.hidden{display:none}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.post{width:100%;text-align:left;margin:20px auto;padding:20px 0}@media (max-width: 899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid var(--border-color)}.post-meta{font-size:1rem;margin-bottom:10px;color:var(--accent-alpha-70)}.post-title{--border: 3px dotted var(--accent);position:relative;color:var(--accent);margin:0 0 15px;padding-bottom:15px;border-bottom:var(--border)}.post-title:after{content:"";position:absolute;bottom:2px;display:block;width:100%;border-bottom:var(--border)}.post-title a{text-decoration:none}.post-content{margin-top:30px}.post ul{list-style:none}.post ul li:before{content:"⦿";position:absolute;left:-20px;color:var(--accent)}.post ul ul li:before{content:"■";position:absolute;left:-20px;color:var(--accent)}.post ul ul ul li:before{content:"►";position:absolute;left:-20px;color:var(--accent)}@media (max-width: 683px){.tag-list{margin-left:5%}}.footnote-definition{color:var(--accent)}.footnote-definition p{display:inline;color:var(--footnote-color)}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.pagination{margin-top:50px}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.footer{padding:40px 0;flex-grow:0;opacity:.5}.footer__inner{display:flex;align-items:center;justify-content:space-between;margin:0;width:760px;max-width:100%}@media (max-width: 899px){.footer__inner{flex-direction:column}}.footer a{color:inherit}.footer .copyright{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:var(--accent-alpha-70)}.footer .copyright--user{margin:auto;text-align:center}.footer .copyright>*:first-child:not(:only-child){margin-right:10px}@media (max-width: 899px){.footer .copyright>*:first-child:not(:only-child){border:none;padding:0;margin:0}}@media (max-width: 899px){.footer .copyright{flex-direction:column;margin-top:10px}}section,article,aside,footer,header,nav{display:block}div.toc{--shadow-color: var(--accent-alpha-70);--shadow: 10px 10px var(--shadow-color);background:var(--background);box-shadow:var(--shadow);color:var(--color);border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;margin:20px 0} |