Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about empty cells

TIL about empty cells

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

March 29, 2021
Tweet

Transcript

  1. Photo by Umanoide on Unsplash TIL about empty cells

  2. None
  3. None
  4. None
  5. None
  6. None
  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