@hailer-oy/birds-eye
Version:
This component library directory contains all the react components for Hailer Bird's Eye! Developing these componets happens [here](https://github.com/KvanttoriOy/birds-eye/tree/master/birds-eye-components), only copy your changes in lib from there to src
8 lines • 4.44 kB
CSS
@import url("https://fonts.googleapis.com/css2?family=Nunito&family=Nunito+Sans&display=swap");
.be_transparent{opacity:.2}#be_graph{height:100%;transform:scale(3) translate(-350px,-200px);transform-origin:top left;width:100%}.be_ForceChartFigure{margin:0;overflow:clip;padding:0;width:100%}
.be_InfoBox{background:var(--background-primary,#fff);border:1px solid var(--border-color,rgba(0,0,0,.12));border-radius:10px;box-shadow:var(--box-shadow);color:var(--text-high,rgba(0,0,0,.87));height:25vh;height:100%;position:inherit;text-align:left}.be_header{font-family:Nunito;font-size:1.1em;margin:0 24px 0 0;word-break:break-all}.be_phases{border-radius:8px;font-family:Nunito Sans;font-size:.9em;height:calc(100% - 24px);overflow:auto;scrollbar-width:thin;text-align:left}.be_close-button{color:var(--background-primary,#fff);height:24px}.be_close-button:hover{cursor:pointer}.be_closeDot{align-items:center;background-color:var(--text-low,#9e9e9e);border-radius:50%;display:flex;height:24px;justify-content:center;margin:12px;position:absolute;right:0;top:0;width:24px}.be_closeDot:hover{background-color:var(--text-medium,#666)}
:root{--be_box-shadow:0 1px 2px 0 rgba(0,0,0,0.22)}.be_legend{height:-moz-fit-content;height:fit-content;margin:24px;max-width:412px;min-width:200px;position:absolute;width:32%;z-index:1}.be_InfoBox,.be_legendTextContainer{padding:12px;width:100%}.be_legendTextContainer{background:var(--background-primary,#fff);border:1px solid var(--border-color,rgba(0,0,0,.12));border-radius:10px;box-shadow:var(--be_box-shadow);display:grid;flex-direction:column;font-family:Nunito Sans;list-style:none}.be_downloadButton{background-color:var(--accent-800,#138637);border-radius:24px;border-style:none;justify-self:end;margin:8px 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.be_downloadButton:hover{background-color:var(--accent-500,#29b455);cursor:pointer}.be_downloadButton>p{color:var(--background-primary,#fff);font-size:1.2em;font-weight:700;margin:0;padding:0;text-decoration:none}.be_desc{font-size:.9rem;left:7px;position:relative;top:-5px}.be_dot{background-color:#bbb;border-radius:50%;display:inline-block;height:15px;width:15px}.be_legend p{font-family:Nunito Sans}.be_legend h1,.be_legend h2,.be_legend h3,.be_legend h4,.be_networkName{font-family:Nunito}.be_networkName{font-size:1.5em;font-weight:700;margin:8px;text-align:center}.be_headerForUpper{font-family:Nunito;font-size:1.3em;margin:0}
.be_Map{display:flex;flex-wrap:wrap}#be_chart{width:100%}
.be_sidebar{background:var(--container-background,#253c56);bottom:0;color:#aeb7c0;left:0;overflow-y:auto;padding:20px;position:sticky;right:0;top:0;width:500px}.be_sidebar-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.be_sidebar-header>button{align-items:center;background:none;border:none;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:1.1em;height:48px;justify-content:center;padding:5px;transition:background-color .15s;width:48px}.be_sidebar-header>button:hover{background:hsla(0,0%,100%,.034)}.be_sidebar-header>button>svg{height:24px;width:24px}.be_doc{overflow:auto;padding:5%;scroll-behavior:smooth;width:100%}@media print{.be_doc{padding:0;transform:scale(.99)}}.be_chapter{line-height:2.2em;list-style:none outside none;padding-left:0}.be_chapter a{color:#c2c9d1;text-decoration:none}.be_chapter a:hover{color:#8dabd1;cursor:pointer}.be_chapter li{color:var(--sidebar-non-existant);display:flex}.be_chapter li.chapter-item{line-height:1.5em;margin-top:.6em}.be_section{line-height:1.9em;list-style:none outside none;padding-left:20px}
.be_Functions{display:flex;height:100vh}.be_code-block{background:var(--background-secondary,#f6f8fa);border-radius:6px;padding:16px}.be_code-block *{font-family:monospace}.be_fields{margin-bottom:90px}
.be_Processes{display:flex;height:100vh}.be_fields{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;width:100%}.be_fields td,.be_fields th{border:1.5px solid #ddd;padding:8px}.be_fields tr:nth-child(2n){background:var(--background-primary-alt,#f2f2f2)}.be_fields th{background-color:var(--container-background,#253c56);color:#aeb7c0;padding-bottom:12px;padding-top:12px;text-align:left}.be_function-icon{background-color:var(--background-secondary,#eaebf1);border-radius:50%;color:var(--text-high,#000);display:inline-block;height:24px;line-height:24px;margin-left:8px;padding:2px;text-align:center;width:24px}