1 line
29 KiB
CSS
1 line
29 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:.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}.content-meta[show-comma=true]>span:not(:last-child){margin-right:8px}.content-meta[show-comma=true]>span:not(:last-child):after{content:","}.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;font-size:1.75rem}.search{flex-grow:.3;min-width:fit-content;max-width:14rem}.search>.search-button{background-color:var(--lightgray);font-family:inherit;font-size:inherit;text-align:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:2rem;padding:0;display:flex}.search>.search-button>p{padding:0 1rem;display:inline}.search>.search-button svg{cursor:pointer;width:18px;min-width:18px;margin:0 .5rem}.search>.search-button 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:65%;margin-top:12vh;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:7px;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>#search-layout{border:1px solid var(--lightgray);box-sizing:border-box;flex-direction:row;flex:0 0 100%;display:none}.search>#search-container>#search-space>#search-layout.display-results{display:flex}.search>#search-container>#search-space>#search-layout[data-preview]>#results-container{flex:0 0 min(30%,450px)}@media (min-width:1000px){.search>#search-container>#search-space>#search-layout[data-preview] .result-card>p.preview{display:none}.search>#search-container>#search-space>#search-layout[data-preview]>div:first-child{border-right:1px solid var(--lightgray);border-top-right-radius:unset;border-bottom-right-radius:unset}.search>#search-container>#search-space>#search-layout[data-preview]>div:last-child{border-top-left-radius:unset;border-bottom-left-radius:unset}}.search>#search-container>#search-space>#search-layout>div{border-radius:5px;height:63vh}@media (max-width:1000px){.search>#search-container>#search-space>#search-layout>#preview-container{display:none!important}.search>#search-container>#search-space>#search-layout[data-preview]>#results-container{flex:0 0 100%;width:100%;height:auto}}.search>#search-container>#search-space>#search-layout .highlight{background:color-mix(in srgb,var(--tertiary
|