mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-09 05:20:13 +02:00
jeffvli
54 lines
1008 B
CSS
54 lines
1008 B
CSS
.group {
|
|
overflow: hidden;
|
|
border: 1px solid var(--theme-colors-border);
|
|
border-radius: var(--theme-radius-md);
|
|
}
|
|
|
|
.number-input {
|
|
width: 140px;
|
|
}
|
|
|
|
.item {
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
gap: var(--theme-spacing-md);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding: var(--theme-spacing-xs);
|
|
border-radius: var(--theme-radius-sm);
|
|
transition: outline 0.2s ease;
|
|
}
|
|
|
|
.item.matched {
|
|
outline: 2px solid var(--theme-colors-primary);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.item.dragging {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.item.dragged-over-top::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
height: 2px;
|
|
content: '';
|
|
background-color: var(--theme-colors-primary);
|
|
}
|
|
|
|
.item.dragged-over-bottom::before {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
height: 2px;
|
|
content: '';
|
|
background-color: var(--theme-colors-primary);
|
|
}
|