react-leaflet-markercluster
Version:
React wrapper of Leaflet.markercluster for react-leaflet
2 lines (1 loc) • 1.8 kB
CSS
.marker-cluster-small{background-color:rgba(181, 226, 140, 0.6)}.marker-cluster-small div{background-color:rgba(110, 204, 57, 0.6)}.marker-cluster-medium{background-color:rgba(241, 211, 87, 0.6)}.marker-cluster-medium div{background-color:rgba(240, 194, 12, 0.6)}.marker-cluster-large{background-color:rgba(253, 156, 115, 0.6)}.marker-cluster-large div{background-color:rgba(241, 128, 23, 0.6)}.leaflet-oldie .marker-cluster-small{background-color:rgb(181, 226, 140)}.leaflet-oldie .marker-cluster-small div{background-color:rgb(110, 204, 57)}.leaflet-oldie .marker-cluster-medium{background-color:rgb(241, 211, 87)}.leaflet-oldie .marker-cluster-medium div{background-color:rgb(240, 194, 12)}.leaflet-oldie .marker-cluster-large{background-color:rgb(253, 156, 115)}.leaflet-oldie .marker-cluster-large div{background-color:rgb(241, 128, 23)}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px "Helvetica Neue",Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}