add from-one class to size and box-shadow demos (#482)

* add from-one class to size demos * fix count on shadows
argyleink · Mar 25, 2024 · 59bb7e5 · 59bb7e5
1 parent 0f65b56
commit 59bb7e5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git 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>