mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-06 20:10:12 +02:00
jeffvli
63 lines
1.0 KiB
CSS
63 lines
1.0 KiB
CSS
.item-grid-container {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column !important;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-block: var(--theme-spacing-xs);
|
|
padding-right: var(--theme-spacing-md);
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
.auto-sizer-container {
|
|
flex: 1;
|
|
}
|
|
|
|
.grid-list-container {
|
|
width: 100%;
|
|
padding: 0 var(--theme-spacing-md);
|
|
}
|
|
|
|
.item-list {
|
|
display: flex;
|
|
}
|
|
|
|
.item-row {
|
|
flex: 1 1 calc(100% / var(--columns));
|
|
width: 100%;
|
|
max-width: calc(100% / var(--columns));
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.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);
|
|
}
|