Fix Gradient Docs (#480)

argyleink · Mar 20, 2024 · 0f65b56 · 0f65b56
1 parent 7c02b8a
commit 0f65b56
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/docsite/index.css b/docsite/index.css
@@ -1277,6 +1277,10 @@ pre[class*="language-"] {
  position: absolute;
  }
 
+ &.from-one:not(.tooltip, li)::before {
+ counter-reset: basic;
+ }
+
  & > *:not(.tooltip, li)::before {
  counter-increment: basic;
  content: counter(basic);
@@ -1563,4 +1567,4 @@ input[type="range"] {
  block-size: auto;
  aspect-ratio: var(--ratio-widescreen);
  }
-}
+}
diff --git a/docsite/index.html b/docsite/index.html
@@ -1888,7 +1888,7 @@ <h2>Gradients</h2>
  <h5>The Props</h5>
  <div class="var-examples">
  <pre class="language-css"><code>
- --gradient-{0-30}
+ --gradient-{1-30}
  </code></pre>
  </div>
  </div>
@@ -1917,7 +1917,7 @@ <h5>Gradient Text Sample</h5>
  </div>
  <article class="just-stretch just-for-gap">
  <h4>Gradients</h4>
- <div class="ui-gradients scroll-x-overflow count-em">
+ <div class="ui-gradients scroll-x-overflow count-em from-one">
  <span class="gradient-swatch" style="background-image: var(--gradient-1)"></span>
  <span class="gradient-swatch" style="background-image: var(--gradient-2)"></span>
  <span class="gradient-swatch" style="background-image: var(--gradient-3)"></span>