Data display

Swatch list

color swatch, name, amount.

print.meowda.xyz

Examples

Photos12.3 GB · 4.1k files
Videos3.5 GB · 1.2k files
Other—

<ul class="filaments">
  <li>
    <span class="swatch" style="--swatch:#e8b04b"></span>
    <span class="fil-type">Photos</span>
    <span class="fil-amount">12.3 GB · 4.1k files</span>
  </li>
  <li>
    <span class="swatch" style="--swatch:#8fb8ff"></span>
    <span class="fil-type">Videos</span>
    <span class="fil-amount">3.5 GB · 1.2k files</span>
  </li>
  <li>
    <span class="swatch unknown"></span>
    <span class="fil-type">Other</span>
    <span class="fil-amount">—</span>
  </li>
</ul>

Classes

Class	What it does
`.filaments`	bordered rows
`.swatch`	round color chip, set --swatch
`.swatch.unknown`	hatched when color is missing