Files
edr-platform/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.css
2026-06-12 12:46:51 +00:00

56 lines
1.2 KiB
CSS

/* Batch board / batch detail shared visuals */
@keyframes bbPulse {
0% {
box-shadow: 0 0 0 0 rgba(27, 158, 122, 0.5);
}
70% {
box-shadow: 0 0 0 6px rgba(27, 158, 122, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(27, 158, 122, 0);
}
}
.bb-pulse-dot {
animation: bbPulse 2.2s ease-out infinite;
}
.bb-card {
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
border-color 0.18s ease;
}
.bb-card:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px -16px rgba(13, 60, 44, 0.26);
border-color: var(--mantine-color-green-3);
}
.bb-card .bb-arrow {
transition: transform 0.18s ease;
}
.bb-card:hover .bb-arrow {
transform: translateX(4px);
}
.bb-window-accordion .mantine-Accordion-item {
border: 1px solid var(--mantine-color-gray-2);
border-radius: 14px;
background: white;
overflow: hidden;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.bb-window-accordion .mantine-Accordion-item[data-active] {
border-color: var(--mantine-color-green-3);
box-shadow: 0 8px 22px -14px rgba(13, 60, 44, 0.2);
}
.bb-window-accordion .mantine-Accordion-control:hover {
background: var(--mantine-color-green-0);
}