react-okr-ui
Version:
A React user interface toolkit for building OKR centric applications.
1 lines • 1.34 kB
CSS
@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,700;0,900;1,300;1,700;1,900&family=Heebo:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css?family=Inconsolata&display=swap);article.okr-objective h1{font-size:1.5rem;font-weight:700;margin-bottom:0;padding-right:2rem;margin-top:0}section.okr-result{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-top:1rem}section.okr-result.h1{font-weight:700;font-size:1.25rem;margin-bottom:0;margin-top:0}.okr-progress{height:24px;border-radius:5px 5px;border:1px solid #e5e7eb;overflow:hidden}.okr-progress-bar{height:24px}.okr-progress-wrapper.full-width{width:100%}.okr-progress-wrapper.grow{flex-grow:1;padding-left:2rem}.okr-value{font-size:90%}.okr-value.okr-circle{border:1px solid #e5e7eb;width:2.5rem;height:2.5rem;border-radius:50% 50%;font-weight:700;font-size:80%;color:#fff}.okr-label{font-weight:700}.okr-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.okr-ml-1{margin-left:1rem}.okr-mr-1{margin-right:1rem}.okr-wrap{flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.okr-center,.okr-wrap{display:flex;align-items:center}.okr-center{justify-content:center}h1,h2,h3,h4{font-family:Heebo,sans-serif;font-weight:500}div,p,ul{font-family:Heebo,sans-serif;font-weight:400}