mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
add dynamic card selection style based on gap
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user