| 12 |
- .preview-container .flex-warp[data-v-96c3c0f9]{display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 -5px}.preview-container .flex-warp .flex-warp-item[data-v-96c3c0f9]{padding:5px}.preview-container .flex-warp .flex-warp-item .flex-warp-item-box[data-v-96c3c0f9]{width:100%;height:100%}.preview-container .waterfall-first[data-v-96c3c0f9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));grid-gap:.25em;grid-auto-flow:row dense;grid-auto-rows:20px}.preview-container .waterfall-first .waterfall-first-item[data-v-96c3c0f9]{width:100%;background:var(--el-color-primary);color:var(--el-color-white);transition:all .3s ease;border-radius:3px}.preview-container .waterfall-first .waterfall-first-item[data-v-96c3c0f9]:nth-of-type(3n + 1){grid-row:auto/span 5}.preview-container .waterfall-first .waterfall-first-item[data-v-96c3c0f9]:nth-of-type(3n + 2){grid-row:auto/span 6}.preview-container .waterfall-first .waterfall-first-item[data-v-96c3c0f9]:nth-of-type(3n + 3){grid-row:auto/span 8}.preview-container .waterfall-first .waterfall-first-item[data-v-96c3c0f9]:hover{box-shadow:0 2px 12px #0000001a;transition:all .3s ease;cursor:pointer}
|
