Update Styleguide.mdx

ProjectEvergreen · Apr 15, 2024 · 3b0194a · 3b0194a
1 parent 6e34c1c
commit 3b0194a
Showing 1 changed file with 22 additions and 5 deletions.
diff --git a/src/stories/Styleguide.mdx b/src/stories/Styleguide.mdx
@@ -1,4 +1,22 @@
-`
+
+
+<style>
+  {`
+    :root {
+      --size: 50px;
+    }
+
+    h2 {
+      text-decoration: underline;
+    }
+
+    .palette-box {
+      width: var(--size);
+      height: var(--size);
+      display: block;
+      margin: 0 auto;
+    }
+
     .palette-primary {
       background-color: var(--color-primary);
     }
@@ -35,11 +53,10 @@
     .typography-secondary {
       font-family: var(--font-secondary);
       color: var(--color-primary);
-`
+    }
+  `}
+</style>
 
-```css
-<div class="palette-primary">Primary Color</div>
-<div class="palette-secondary">Secondary Color</div>
 
 
 # Welcome to the GreenwoodJS style guide