spaceship-monolith
Version:
Astro UI for Obsidian Vaults
61 lines (48 loc) • 1.18 kB
CSS
@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");