TIL about empty cells

Transcript

1. Photo by Umanoide on Unsplash TIL about empty cells
7. <ol :class="$style.pagerList"> <li v-if="!firstPage" :class="$style.pagerFirst"> <a href="…">erste Seite"</a> "</li> <li v-if="!firstPage" :class="$style.pagerPrevious"> <a href="…"> <span class="visually-hidden">vorige Seite"</span> <svg aria-hidden="true">…"</svg> "</a> "</li> <li v-for="index in neighbors" :class="$style.pagerNeighbor"> <a href="…"> <span class="visually-hidden">Seite"</span> {{ index }} "</a> "</li> <li v-if="!lastPage" :class="$style.pagerNext"> <a href="…">
8. <ol :class="$style.pagerList"> <li :class="$style.pagerFirst"> <a :href="!firstPage ? "…" : "">erste Seite"</a> "</li> <li:class="$style.pagerPrevious"> <a :href="!firstPage ? "…" : ""> <span class="visually-hidden">vorige Seite"</span> <svg aria-hidden="true">…"</svg> "</a> "</li> <li v-for="index in neighbors" :class="$style.pagerNeighbor"> <a href="…"> <span class="visually-hidden">Seite"</span> {{ index }} "</a> "</li> <li :class="$style.pagerNext"> <a :href="!lastPage ? "…" : "">
9. .pager"__list { display: inline-grid; grid-template-columns: auto repeat(var("--items, 5), 1fr) auto; grid-template-rows: auto auto; } .pager"__neighbor:first-child { grid-column: 2; }
10. .pager"__list { display: inline-grid; grid-template-columns: 1fr repeat(var("--items, 5), 1fr) 1fr; grid-template-rows: auto auto; } .pager"__neighbor:first-child { grid-column: 2; }
11. Irrungen und Wirrungen Photo by Crawford Jolly on Unsplash