From c77acdbcd54603ad386e5074052ee94653828d24 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Thu, 20 Feb 2025 14:35:49 -0500
Subject: [PATCH] Delete clamped-colors.njk

No longer necessary
---
 docs/docs/experimental/clamped-colors.njk | 47 -----------------------
 1 file changed, 47 deletions(-)
 delete mode 100644 docs/docs/experimental/clamped-colors.njk

diff --git a/docs/docs/experimental/clamped-colors.njk b/docs/docs/experimental/clamped-colors.njk
deleted file mode 100644
index 25cd9c1c4..000000000
--- a/docs/docs/experimental/clamped-colors.njk
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Clamped brand tokens
-layout: block
----
-
-{% set tints = ['max-40', 'max-50', 'max-60', 'min-40', 'min-50', 'min-60'] %}
-
-{% for hue in hues %}
-<link href="/dist/styles/brand/{{ hue }}.css" rel="stylesheet">
-{% endfor %}
-
-<table class="colors">
-  <thead>
-    <tr>
-      <th></th>
-      <th class="core-column">Core tint</th>
-      {% for tint in tints -%}
-      <th>{{ tint }}</th>
-      {%- endfor %}
-    </tr>
-  </thead>
-{% for hue in hues -%}
-<tr class="wa-brand-{{ hue }}">
-  <th>{{ hue | capitalize }}</th>
-  <td class="core-column">
-    <div class="color swatch" style="background-color: var(--wa-color-brand); color: var(--wa-color-brand-on);">
-      {{ palettes[paletteId][hue].maxChromaTint }}
-      <wa-copy-button value="--wa-color-brand" copy-label="--wa-color-brand"></wa-copy-button>
-    </div>
-  </td>
-  {% for tint in tints -%}
-    <td>
-      <div class="color swatch" style="background-color: var(--wa-color-brand-{{ tint }})">
-        <wa-copy-button value="--wa-color-brand-{{ tint }}" copy-label="--wa-color-brand-{{ tint }}"></wa-copy-button>
-      </div>
-    </td>
-  {%- endfor -%}
-</tr>
-{%- endfor %}
-</table>
-
-<style>
-.core-column .color.swatch::before {
-  counter-reset: key var(--wa-color-brand-key);
-  content: counter(key);
-}
-</style>