@import "../../../styles/colors.scss";
@import "../../../styles/values.scss";

#leaflet {
  background-color: #fff;

  &.clickable {
    cursor: pointer;
  }

  .leaflet-control-attribution {
    display: none;
  }
}

#leaflet-custom-controls {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 10;

  > div {
    width: 35px;
    height: 35px;
    border: 1px solid $accent-color-6;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
  }

  #leaflet-zoom-plus {
    margin-bottom: 10px;
    background-image: url(~images/plus.png);
  }

  #leaflet-zoom-minus {
    margin-bottom: 15px;
    background-image: url(~images/minus.png);
  }

  #leaflet-share {
    background-color: $bg-color-2;
    background-image: url(~images/share.png);
  }

}



@import "../../../styles/colors.scss";
@import "../../../styles/values.scss";

#leaflet {
  background-color: #fff;

  &.clickable {
    cursor: pointer;
  }

  .leaflet-control-attribution {
    display: none;
  }
}

#leaflet-custom-controls {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 10;

  > div {
    width: 35px;
    height: 35px;
    border: 1px solid $accent-color-6;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: $bg-color-1;
  }

  #leaflet-zoom-plus {
    margin-bottom: 10px;
    background-image: url(~images/plus.png);
  }

  #leaflet-zoom-minus {
    margin-bottom: 15px;
    background-image: url(~images/minus.png);
  }

  #leaflet-share {
    background-color: $bg-color-2;
    background-image: url(~images/share.png);
  }

}



Fix zoom buttons bg color
Fix zoom buttons bg color
