add dynamic card selection style based on gap

This commit is contained in:
jeffvli
2025-11-14 02:29:39 -08:00
parent 9265bc86bc
commit 2da6894ee5
2 changed files with 11 additions and 1 deletions
@@ -12,7 +12,7 @@
.container.selected {
outline: 2px solid var(--theme-colors-primary);
outline-offset: 2px;
outline-offset: var(--card-gap, var(--theme-spacing-md));
}
.container.dragging {
@@ -31,20 +31,30 @@
.item-row.gap-xs {
padding: var(--theme-spacing-xs);
--card-gap: 2px;
}
.item-row.gap-sm {
padding: var(--theme-spacing-sm);
--card-gap: var(--theme-spacing-xs);
}
.item-row.gap-md {
padding: var(--theme-spacing-md);
--card-gap: var(--theme-spacing-sm);
}
.item-row.gap-lg {
padding: var(--theme-spacing-lg);
--card-gap: var(--theme-spacing-sm);
}
.item-row.gap-xl {
padding: var(--theme-spacing-xl);
--card-gap: var(--theme-spacing-sm);
}