Skip to content

Instantly share code, notes, and snippets.

@JackDunstan
JackDunstan / index.html
Created December 10, 2022 11:04
Isotope - filtering
<h1>Isotope - filtering</h1>
<div class="button-group filters-button-group">
<button class="button is-checked" data-filter="*">show all</button>
<button class="button" data-filter=".metal">metal</button>
<button class="button" data-filter=".transition">transition</button>
<button class="button" data-filter=".alkali, .alkaline-earth">alkali and alkaline-earth</button>
<button class="button" data-filter=":not(.transition)">not transition</button>
<button class="button" data-filter=".metal:not(.transition)">metal but not transition</button>
<button class="button" data-filter="numberGreaterThan50">number > 50</button>

Keybase proof

I hereby claim:

  • I am jackdunstan on github.
  • I am jackdunstan (https://keybase.io/jackdunstan) on keybase.
  • I have a public key ASCWLWkibAtKUeH3_wIsCGwXc9VtB-6W6O15PhnDngEshgo

To claim this, I am signing this object: