@import "_map-variable"; .s-map-popup { //position: relative; .leaflet-popup-content-wrapper, .leaflet-popup-tip { background-color: @background-color; /*background-color: transparent;*/ border: .00521rem solid @color; padding: .10417rem; //-webkit-box-shadow: 0 0 0.03125rem 0 @color; //box-shadow: 0 0 0.03125rem 0 @color; -webkit-box-shadow: 0 0 10px 0 @color; box-shadow: 0 0 10px @color; border-radius: 1rem; } .leaflet-popup-tip-container { display: none; } .leaflet-popup-content-wrapper:before { content: ""; position: absolute; left: 50%; bottom: -.3rem; -webkit-transform: translateX(-50%) rotate( 45deg ); transform: translateX(-50%) rotate( 45deg ); width: .6rem; height: .6rem; background-color: @background-color; border-right: .00521rem solid @color; border-bottom: .00521rem solid @color; } } .s-map-popup-panel { color: @color; }