1 line
20 KiB
CSS
1 line
20 KiB
CSS
|
header{flex-direction:row;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}header h1{flex:auto;margin:0}.clipboard-button{float:right;color:var(--gray);border-color:var(--dark);background-color:var(--light);opacity:0;border:1px solid;border-radius:5px;margin:-.2rem .3rem;padding:.4rem;transition:all .2s;display:flex;position:absolute;right:0}.clipboard-button>svg{fill:var(--light);filter:contrast(.3)}.clipboard-button:hover{cursor:pointer;border-color:var(--secondary)}.clipboard-button:focus{outline:0}pre:hover>.clipboard-button{opacity:1;transition:all .2s}.breadcrumb-container{flex-flow:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;display:flex}.breadcrumb-element{flex-direction:row;justify-content:center;align-items:center;display:flex}.breadcrumb-element p{margin:0 0 0 .5rem;padding:0;line-height:normal}.article-title{margin:2rem 0 0}.content-meta{color:var(--gray);margin-top:0}.tags{flex-wrap:wrap;justify-self:end;gap:.4rem;margin:1rem 0;padding-left:0;list-style:none;display:flex}.section-li>.section>.tags{justify-content:flex-end}.tags>li{white-space:nowrap;overflow-wrap:normal;margin:0;display:inline-block}a.internal.tag-link{background-color:var(--highlight);border-radius:8px;margin:0 .1rem;padding:.2rem .4rem}.page-title{margin:0}.search{flex-grow:.3;min-width:-moz-fit-content;min-width:fit-content;max-width:14rem}.search>#search-icon{background-color:var(--lightgray);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;height:2rem;display:flex}.search>#search-icon>div{flex-grow:1}.search>#search-icon>p{padding:0 1rem;display:inline}.search>#search-icon svg{cursor:pointer;width:18px;min-width:18px;margin:0 .5rem}.search>#search-icon svg .search-path{stroke:var(--darkgray);stroke-width:2px;transition:stroke .5s}.search>#search-container{contain:layout;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow-y:auto}.search>#search-container.active{display:inline-block}.search>#search-container>#search-space{width:50%;margin-top:15vh;margin-left:auto;margin-right:auto}@media (max-width:1510px){.search>#search-container>#search-space{width:90%}}.search>#search-container>#search-space>*{background:var(--light);border-radius:5px;width:100%;margin-bottom:2em;box-shadow:0 14px 50px #1b21301f,0 10px 30px #1b213029}.search>#search-container>#search-space>input{box-sizing:border-box;font-family:var(--bodyFont);color:var(--dark);border:1px solid var(--lightgray);padding:.5em 1em;font-size:1.1em}.search>#search-container>#search-space>input:focus{outline:none}.search>#search-container>#search-space>#results-container .result-card{cursor:pointer;border:1px solid var(--lightgray);text-transform:none;text-align:left;background:var(--light);border-bottom:none;outline:none;width:100%;margin:0;padding:1em;font-family:inherit;font-size:100%;line-height:1.15;transition:background .2s}.search>#search-container>#search-space>#results-container .result-card .highlight{color:var(--secondary);font-weight:700}.search>#search-container>#search-space>#results-container .result-card:hover,.search>#search-container>#search-space>#results-container .result-card:focus{background:var(--lightgray)}.search>#search-container>#search-space>#results-container .result-card:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.search>#search-container>#search-space>#results-container .result-card:last-of-type{border-bottom:1px solid var(--lightgray);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.search>#search-container>#search-space>#results-container .result-card>h3{margin:0}.search>#search-container>#search-space>#results-container .result-card>ul>li{white-space:nowrap;overflow-wrap:normal;margin:0;display:inline-block}.search>#search-container>#search-space>#results-container .result-card>ul{background-clip:border-box;gap:.4rem;margin:.45rem 0 0 -2px;padding-left:0;list-style:none;display:flex;overflow:hidden}.search>#search-container>#search-space>#results-container .result-card>ul>li>p{background-color:
|