spaceship-monolith/common/markdown/map.css

Astro UI for Obsidian Vaults

@utility embed-map {
  @apply flex w-full h-96;
  .leaflet-container {
    @apply rounded-2xl;
  }
}

@utility map-view {
  .leaflet-container {
    @apply rounded-2xl;

    a {
      @apply text-xs!;
    }
  }
}

@utility leaflet-container {
  @media (prefers-color-scheme: dark) {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(
            0.3
        ) brightness(0.7);
  }

  .leaflet-control-fullscreen {
      @apply bg-primary rounded-2xl shadow-md! border-none!;
    .leaflet-control-fullscreen-button {
      @apply icon-[mingcute--fullscreen-fill] bg-text!;
    }
  }

  &.leaflet-fullscreen-on {
    .leaflet-control-fullscreen {
      .leaflet-control-fullscreen-button {
        @apply icon-[mingcute--fullscreen-exit-fill];
      }
    }
  }

}

@utility map-label {
  @apply font-heading text-xs;
}

@utility map-marker {
  @apply bg-primary icon-[akar-icons--cross] w-5! h-5!;
}

@utility map-location {
  @apply bg-primary icon-[iconamoon--location-duotone] w-5! h-5!;
}

@source inline("map-label");
@source inline("map-location");
@source inline("map-marker");

@source inline("embed-map");
@source inline("leaflet-container");