vue3-map-chart
Version:
Vue 3 component for rendering interactive SVG maps of the world, continents, and countries with dynamic data.
2 lines (1 loc) • 919 B
CSS
.v3mc-tooltip-wrapper[data-v-14df540e]{display:inline-block;min-width:150px;background-color:var(--37f998cf);color:var(--92166eb2);padding:10px;border-radius:3px}.v3mc-tooltip-label[data-v-14df540e]{font-size:1rem;line-height:20px}.v3mc-tooltip-divider[data-v-14df540e]{flex:1;height:.5px;background-color:var(--88de908e);margin:5px 0}.v3mc-tooltip-value[data-v-14df540e]{font-weight:700}.v3mc-container[data-v-f8d5a287]{padding:5px;position:relative}.v3mc-container[data-v-f8d5a287],[data-v-f8d5a287] .v3mc-map>svg{height:var(--6f8b978c);width:var(--337b475a)}[data-v-f8d5a287] .v3mc-map>svg{stroke:var(--6121ee53);fill:var(--212637e8);stroke-width:.4px}[data-v-f8d5a287] .v3mc-map>svg>path{cursor:var(--a35477e4)}[data-v-f8d5a287] .v3mc-map>svg>path:hover{fill:var(--57ad43bc);stroke:var(--bcb41ad2);stroke-width:.5px}.v3mc-tooltip[data-v-f8d5a287]{position:fixed;z-index:10;top:var(--2ae8229b);left:var(--32186781)}