roadmap/resources/_gen/assets/scss/styles/base.scss_0ccffbd39a5ea808a...

3 lines
8.0 KiB
Plaintext

@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600&display=swap");:root{--font-body: "Source Sans Pro";--font-header: "Inter";--font-mono: "Fira Code"
}html{scroll-behavior:smooth}html:lang(ar) p,html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3,html:lang(ar) article{direction:rtl;text-align:right}.singlePage{padding:4em 30vw}@media all and (max-width: 1200px){.singlePage{padding:25px 5vw}}body{margin:0;height:100vh;width:100vw;max-width:100%;box-sizing:border-box;background-color:var(--light)}h1,h2,h3,h4,h5,h6,thead{font-family:var(--font-header);color:var(--dark);font-weight:revert;margin:2rem 0 0;padding:2rem auto 1rem}h1:hover>.hanchor,h2:hover>.hanchor,h3:hover>.hanchor,h4:hover>.hanchor,h5:hover>.hanchor,h6:hover>.hanchor,thead:hover>.hanchor{color:var(--secondary)}.hanchor{font-family:var(--font-header);opacity:0.8;transition:color 0.3s ease;color:var(--dark)}p,ul,text,a,tr,td,li,ol,ul{font-family:var(--font-body);color:var(--gray);fill:var(--gray);font-weight:revert;margin:revert;padding:revert}tbody,li,p{line-height:1.5em}.mainTOC{border-radius:5px;padding:0.75em 0}.mainTOC details summary{cursor:zoom-in;font-family:var(--font-header);color:var(--dark);font-weight:700}.mainTOC details[open] summary{cursor:zoom-out}#TableOfContents>ol{counter-reset:section;margin-left:0em;padding-left:1.5em}#TableOfContents>ol>li{counter-increment:section}#TableOfContents>ol>li>ol{counter-reset:subsection}#TableOfContents>ol>li>ol>li{counter-increment:subsection}#TableOfContents>ol>li>ol>li::marker{content:counter(section) "." counter(subsection) " "}#TableOfContents>ol>li::marker{content:counter(section) " "}#TableOfContents>ol>li::marker,#TableOfContents>ol>li>ol>li::marker{font-family:var(--font-body);font-weight:700}table{border:1px solid var(--outlinegray);width:100%;padding:1.5em;border-collapse:collapse}td,th{padding:0.2em 1em;border:1px solid var(--outlinegray)}img{max-width:100%;border-radius:3px;margin:1em 0}p>img+em{display:block;transform:translateY(-1em)}sup{line-height:0}blockquote{margin-left:0em;border-left:3px solid var(--secondary);padding-left:1em;transition:border-color 0.2s ease}.footnotes p{margin:0.5em 0}.pagination{list-style:none;padding-left:0;display:flex;margin-top:2em;gap:1.5em;justify-content:center}.pagination .disabled{opacity:0.2}.pagination>li{text-align:center;display:inline-block}.pagination>li a{background-color:transparent !important}.pagination>li a[href$="#"],.pagination>li.active a{opacity:0.2}article>h1{margin-top:2em;font-size:2em}article>.meta{margin:0 0 1em 0;opacity:0.7}article a{font-weight:600}article a.internal-link{text-decoration:none;background-color:rgba(143,159,169,0.15);padding:0 0.1em;margin:auto -0.1em;border-radius:3px}article a.internal-link.broken{opacity:0.5;background-color:transparent}article p{overflow-wrap:anywhere}.tags{list-style:none;padding-left:0}.tags .meta{margin:1.5em 0}.tags .meta>h1{margin:0}.tags .meta>p{margin:0}.tags>li{display:inline-block;margin:0.4em 0}.tags>li>a{border-radius:8px;border:var(--outlinegray) 1px solid;padding:0.2em 0.5em}.tags>li>a::before{content:"#";margin-right:0.3em;color:var(--outlinegray)}.backlinks a{font-weight:600;font-size:0.9rem}sup>a{text-decoration:none;padding:0 0.1em 0 0.2em}#page-title{margin:0}#page-title>a{font-family:var(--font-header)}a{font-size:1em;font-weight:700;text-decoration:none;transition:all 0.2s ease;color:var(--secondary)}a:hover{color:var(--tertiary) !important}pre{font-family:var(--font-mono);padding:0.75em;border-radius:3px;overflow-x:scroll}code{font-family:var(--font-mono);font-size:0.85em;padding:0.15em 0.3em;border-radius:5px;background:var(--lightgray)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}footer{margin-top:4em;text-align:center}footer ul{padding-left:0}hr{width:25%;margin:4em auto;height:2px;border-radius:1px;border-width:0;color:var(--dark);background-color:var(--dark)}.page-end{display:flex;flex-direction:row;gap:2em}@media all and (max-width: 780px){.page-end{flex-direction:column}}.page-end>*{flex:1 0 0}.page-end>.backlinks-container>ul{list-style:none;padding:0;margin:0}.page-end>.backlinks-container>ul>li{margin:0.5em 0;padding:0.25em 1em;border:var(--outlinegray) 1px solid;border-radius:5px}.page-end #graph-container{border:var(--outlinegray) 1px solid;border-radius:5px;box-sizing:border-box;min-height:250px;margin:0.5em 0}.page-end #graph-container>svg{margin-bottom:-5px}.centered{margin-top:30vh}.spacer{flex:1 1 auto}header{display:flex;flex-direction:row;align-items:center;margin:1em 0 2em}header>h1{font-size:2em}@media all and (max-width: 600px){header>nav{display:none}}header #search-icon{background-color:var(--lightgray);border-radius:4px;height:2em;display:flex;align-items:center;cursor:pointer}header #search-icon>p{display:inline;padding:0 1.5em 0 2em}header svg{cursor:pointer;width:18px;min-width:18px;margin:0 0.5em}header svg:hover .search-path{stroke:var(--tertiary)}header svg .search-path{stroke:var(--gray);stroke-width:2px;transition:stroke 0.5s ease}#search-container{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100%;overflow:scroll;display:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#search-container>div{width:50%;margin-top:15vh;margin-left:auto;margin-right:auto}@media all and (max-width: 1200px){#search-container>div{width:90%}}#search-container>div>*{width:100%;border-radius:4px;background:var(--light);box-shadow:0 14px 50px rgba(27,33,48,0.12),0 10px 30px rgba(27,33,48,0.16);margin-bottom:2em}#search-container>div>input{box-sizing:border-box;padding:0.5em 1em;font-family:var(--font-body);color:var(--dark);font-size:1.1em;border:1px solid var(--outlinegray)}#search-container>div>input:focus{outline:none}#search-container>div>#results-container .result-card{padding:1em;cursor:pointer;transition:background 0.2s ease;border:1px solid var(--outlinegray);border-bottom:none;width:100%;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;text-align:left;background:var(--light);outline:none}#search-container>div>#results-container .result-card:hover,#search-container>div>#results-container .result-card:focus{background:rgba(180,180,180,0.15)}#search-container>div>#results-container .result-card:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}#search-container>div>#results-container .result-card:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--outlinegray)}#search-container>div>#results-container .result-card>h3,#search-container>div>#results-container .result-card>p{margin:0}.search-highlight{background-color:#afbfc966;padding:0.05em 0.2em;border-radius:3px}.section-ul{list-style:none;margin-top:2em;padding-left:0}.section-li{margin-bottom:1em}.section-li>.section{display:flex;align-items:center}@media all and (max-width: 600px){.section-li>.section .tags{display:none}}.section-li>.section h3>a{font-weight:700;margin:0}.section-li>.section p{margin:0;padding-right:1em;flex-basis:6em}.section-li h3{opacity:1;font-weight:700;margin:0em}.section-li .meta{opacity:0.6}@keyframes dropin{0%{display:none;opacity:0;visibility:hidden}1%{display:inline-block;opacity:0}100%{opacity:1;visibility:visible}}.popover{z-index:999;position:absolute;width:20rem;display:none;background-color:var(--light);padding:1rem;margin:1rem;border:1px solid var(--outlinegray);border-radius:5px;pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease;user-select:none;overflow-wrap:anywhere;box-shadow:6px 6px 36px 0px rgba(0,0,0,0.25)}@media all and (max-width: 600px){.popover{display:none !important}}.popover.visible{opacity:1;visibility:visible;display:inline-block;animation:dropin 0.2s ease}.popover>h3{font-size:1rem;margin:0.25rem 0}.popover>.meta{margin-top:0.25rem;opacity:0.5;font-family:var(--font-mono);font-size:0.8rem}.popover>p{margin:0;padding:0.5rem 0}.popover>p,.popover>a{font-size:1rem;font-weight:400;user-select:none}#contact_buttons ul{list-style-type:none}#contact_buttons ul li{display:inline-block}#contact_buttons ul li a{padding:0 1em}