@devgateway/dvz-ui-react
Version:
A modular, embeddable React component library for data visualization and UI, built with TypeScript. Provides reusable components for charts, maps, dashboards, and more, with built-in support for internationalization and Redux integration.
2 lines (1 loc) • 6.25 kB
CSS
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}:root{--header-height: 90px;--footer-height: 227px !important}html{font-size:18px}body{height:100%;padding:0;margin:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:transparent;font-size:18px}a{outline:0;border:none;box-shadow:none;-moz-outline-style:none}a:hover,a:focus{outline:0;border:none;box-shadow:none;-moz-outline-style:none}.edit-post-visual-editor .tabacoo-wrap,#root .tabacoo-wrap{border-bottom:1px solid #e0e0e0}.edit-post-visual-editor .tabacoo-wrap .wp-block-column:nth-child(1),#root .tabacoo-wrap .wp-block-column:nth-child(1){padding-right:15px;border-right:1px solid #e0e0e0;margin-right:20px}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li,#root .tabacoo-wrap .wp-block-column li{list-style-type:none;color:#333;margin-top:10px;position:relative}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li:before,#root .tabacoo-wrap .wp-block-column li:before{content:"";position:absolute;left:-27px;top:5px;width:15px;height:15px;border-radius:100px;background:#5baf95}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li strong,#root .tabacoo-wrap .wp-block-column li strong{font-size:22px;margin-bottom:5px;display:block;color:#5baf95}.edit-post-visual-editor iframe,#root iframe{margin:0;padding:0}.edit-post-visual-editor code,#root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.edit-post-visual-editor .ui,#root .ui{font-family:Open Sans,sans-serif}.edit-post-visual-editor .ui.container.narrow,#root .ui.container.narrow{max-width:1080px}.edit-post-visual-editor .ui.container.fluid.desktop,#root .ui.container.fluid.desktop{max-width:1366px}.edit-post-visual-editor .ui.primary.button,#root .ui.primary.button{background-color:#5089a6}.edit-post-visual-editor .ui.secondary.button,#root .ui.secondary.button{background-color:#5baf95}h1.type{font-size:1rem;padding:0;margin:0;color:#5089a6;font-family:Open Sans,sans-serif}.ui.container.editing{margin:0;padding:5px}.ui.container.editing .ui.container{width:100%;margin-left:0;margin-right:0}.map-tooltip-light{font-size:1em;color:#1e1e1e;border-radius:5px;background-color:#f7f7f7;min-width:220px}.map-tooltip-light .tooltip-content{padding:5px}.map-tooltip-light .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-light .tooltip-content b{color:unset}.map-tooltip-light .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-light .value{color:#1e1e1e;font-weight:700;margin-left:5px}.map-tooltip-light .footer{padding:5px}.map-tooltip-light .footer .confidence{font-weight:700;color:#1e1e1e}.map-tooltip-light .footer hr{margin:3px -5px}.map-tooltip-light .footer b{color:#1e1e1e}.map-tooltip-dark{font-size:1em;color:#fff;border-radius:5px;background-color:#5c5c5c;min-width:220px}.map-tooltip-dark .tooltip-content{padding:5px}.map-tooltip-dark .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-dark .value{color:#fff;font-weight:700;margin-left:5px}.map-tooltip-dark .footer{padding:5px}.map-tooltip-dark .footer .confidence{font-weight:700;color:#fff}.map-tooltip-dark .footer hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .footer b{color:#fff}.ui.container.filter .menu{z-index:1600}.d3MapTooltip{font-family:Roboto;font-size:13px;border-radius:5%;background-color:#3c434a;padding:5px;opacity:.9;color:#fff;min-width:200px;border:1px solid #000}