mirror of
https://gitee.com/XM-GO/PandaX.git
synced 2026-04-23 10:58:35 +08:00
2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.waterfall-container .waterfall-first[data-v-7fa7810d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));grid-gap:.25em;grid-auto-flow:row dense;grid-auto-rows:20px}.waterfall-container .waterfall-first .waterfall-first-item[data-v-7fa7810d]{width:100%;background:var(--color-primary);color:var(--color-whites);transition:all .3s ease;border-radius:3px}.waterfall-container .waterfall-first .waterfall-first-item[data-v-7fa7810d]:nth-of-type(3n + 1){grid-row:auto/span 5}.waterfall-container .waterfall-first .waterfall-first-item[data-v-7fa7810d]:nth-of-type(3n + 2){grid-row:auto/span 6}.waterfall-container .waterfall-first .waterfall-first-item[data-v-7fa7810d]:nth-of-type(3n + 3){grid-row:auto/span 8}.waterfall-container .waterfall-first .waterfall-first-item[data-v-7fa7810d]:hover{box-shadow:0 2px 12px #0000001a;transition:all .3s ease;cursor:pointer}.waterfall-container .waterfall-last[data-v-7fa7810d]{display:grid;grid-gap:.25em;grid-auto-flow:row dense;grid-auto-rows:minmax(188px,20vmin);grid-template-columns:1fr}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]{height:100%;background:var(--color-primary);color:var(--color-whites);transition:all .3s ease;border-radius:3px}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:hover{box-shadow:0 2px 12px #0000001a;transition:all .3s ease;cursor:pointer}@media (min-width: 576px){.waterfall-container .waterfall-last[data-v-7fa7810d]{grid-template-columns:repeat(7,1fr)}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 9){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 8){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 7){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 6){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 5){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 4){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 3){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 2){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(9n + 1){grid-column:auto/span 2}}@media (min-width: 576px) and (min-width: 1024px){.waterfall-container .waterfall-last[data-v-7fa7810d]{grid-template-columns:repeat(14,1fr)}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 15){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 14){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 13){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 12){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 11){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 10){grid-column:auto/span 2}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 9){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 8){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 7){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 6){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 5){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 4){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 3){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 2){grid-column:auto/span 3}.waterfall-container .waterfall-last .waterfall-last-item[data-v-7fa7810d]:nth-of-type(15n + 1){grid-column:auto/span 2}}
|