docs: move class to element

etchteam · Jan 30, 2024 · e85578a · e85578a
1 parent 983455a
commit e85578a
Showing 1 changed file with 21 additions and 27 deletions.
diff --git a/docs/Theming.stories.mdx b/docs/Theming.stories.mdx
@@ -34,37 +34,31 @@ Here is an example of 3 cards wrapped in the demo theme classes, which then appl
 <Canvas>
   <diamond-grid wrap="wrap">
     <diamond-grid-item small-mobile="12" tablet="4">
-      <div class="diamond-theme-light">
-        <diamond-card>
-          <h3>Card title</h3>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-        </diamond-card>
-      </div>
+      <diamond-card class="diamond-theme-light">
+        <h3>Card title</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </diamond-card>
     </diamond-grid-item>
     <diamond-grid-item small-mobile="12" tablet="4">
-      <div class="diamond-theme-medium">
-        <diamond-card>
-          <h3>Card title</h3>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-        </diamond-card>
-      </div>
+      <diamond-card class="diamond-theme-medium">
+        <h3>Card title</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </diamond-card>
     </diamond-grid-item>
     <diamond-grid-item small-mobile="12" tablet="4">
-      <div class="diamond-theme-dark">
-        <diamond-card>
-          <h3>Card title</h3>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-        </diamond-card>
-      </div>
+      <diamond-card class="diamond-theme-dark">
+        <h3>Card title</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+          tempor incididunt ut labore et dolore magna aliqua.
+        </p>
+      </diamond-card>
     </diamond-grid-item>
   </diamond-grid>
 </Canvas>