$30 off During Our Annual Pro Sale. View Details »

TIL about empty cells

TIL about empty cells

Gunnar Bittersmann

March 29, 2021
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

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