regenbogenkarte/main.css
nachtjasmin 54cfeefa02 Improve layout for card links
This commit improves the layout in the following ways: First, we ensure a proper
spacing, both between icon and text but also between the links. Second, we also
improve the accessibility a bit, by underlining links when hovering them.
2024-07-28 13:37:28 +02:00

28 lines
517 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
body {
@apply m-0 p-0 h-screen w-screen font-sans;
@apply flex flex-col;
}
.menu:not(.open) {
@apply hidden;
}
.map-popup .leaflet-popup-content-wrapper {
@apply font-sans;
@apply px-6 py-4 rounded shadow-xl;
}
.map-popup .leaflet-popup-content {
@apply m-0;
@apply leading-relaxed;
@apply text-sm;
}
.map-popup .leaflet-container a.leaflet-popup-close-button {
@apply w-6 h-6 text-xl;
}
.map-popup .leaflet-popup-content p {
@apply m-0 mb-1;
}