From 59bb7e5399df56f8b1a666e0d9fb2e5f7521ab30 Mon Sep 17 00:00:00 2001
From: Brian Michael Poblete <brianpoblete77777@gmail.com>
Date: Mon, 25 Mar 2024 13:39:07 -0400
Subject: [PATCH] add from-one class to size and box-shadow demos (#482)

* add from-one class to size demos

* fix count on shadows
---
 docsite/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docsite/index.html b/docsite/index.html
index e261646a..d04bb0a6 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -2020,7 +2020,7 @@ <h5>Card Sample</h5>
           </code></pre>
         </div>
       </div>
-      <article class="shadow-demos count-em">
+      <article class="shadow-demos count-em from-one">
         <div style="box-shadow: var(--shadow-1)"></div>
         <div style="box-shadow: var(--shadow-2)"></div>
         <div style="box-shadow: var(--shadow-3)"></div>
@@ -2983,7 +2983,7 @@ <h5>Usage Sample</h5>
             }
           </code></pre>
         </div>
-        <div class="sizes-demo count-em scroll-x-overflow">
+        <div class="sizes-demo count-em scroll-x-overflow from-one">
           <span style="inline-size: var(--size-1)"></span>
           <span style="inline-size: var(--size-2)"></span>
           <span style="inline-size: var(--size-3)"></span>
@@ -3032,7 +3032,7 @@ <h5>Usage Sample</h5>
             }
           </code></pre>
         </div>
-        <div class="sizes-demo count-em scroll-x-overflow">
+        <div class="sizes-demo count-em scroll-x-overflow from-one">
           <span style="inline-size: var(--size-fluid-1)"></span>
           <span style="inline-size: var(--size-fluid-2)"></span>
           <span style="inline-size: var(--size-fluid-3)"></span>
@@ -3069,7 +3069,7 @@ <h5>Usage Sample</h5>
             }
           </code></pre>
         </div>
-        <div class="large-sizes sizes-demo count-em scroll-x-overflow">
+        <div class="large-sizes sizes-demo count-em scroll-x-overflow from-one">
           <span style="inline-size: var(--size-content-1)"></span>
           <span style="inline-size: var(--size-content-2)"></span>
           <span style="inline-size: var(--size-content-3)"></span>
@@ -3104,7 +3104,7 @@ <h5>Usage Sample</h5>
             }
           </code></pre>
         </div>
-        <div class="large-sizes match-h5 sizes-demo count-em scroll-x-overflow">
+        <div class="large-sizes match-h5 sizes-demo count-em scroll-x-overflow from-one">
           <span style="inline-size: var(--size-header-1)"></span>
           <span style="inline-size: var(--size-header-2)"></span>
           <span style="inline-size: var(--size-header-3)"></span>
@@ -3153,7 +3153,7 @@ <h5>Relative Sizes</h5>
               </optgroup>
             </select>
           </label>
-          <div class="sizes-demo count-em scroll-x-overflow">
+          <div class="sizes-demo count-em scroll-x-overflow from-one">
             <div style="inline-size: var(--size-relative-1)"></div>
             <div style="inline-size: var(--size-relative-2)"></div>
             <div style="inline-size: var(--size-relative-3)"></div>