customzie utility md added

Author: siddacool

src/lib/stories/Home.mdx

@@ -11,7 +11,7 @@ import item from '../../../package.json?raw';
 
 <h3 style={{ fontWeight: 400 }}>An open-source, opinionated UI framework for Svelte.</h3>
 
-### [Github](https://github.com/flightlesslabs/dodo-ui) - [npm](https://www.npmjs.com/package/@flightlesslabs/dodo-ui)
+### [Github](https://github.com/flightlesslabs/dodo-ui) - [npm](https://www.npmjs.com/package/@flightlesslabs/dodo-ui) - [Customize](?path=/docs/developer-tools-customize-autocustomize--docs)
 
 </main>
 
@@ -68,4 +68,5 @@ import { Button } '@flightlesslabs/dodo-ui';
 
 - [Dark Theme](?path=/docs/developer-tools-philosophy-themes--docs#dark-theme)
 - [Colors](?path=/docs/developer-tools-philosophy-colors--docs)
+- [Customize](?path=/docs/developer-tools-customize-autocustomize--docs)
 - [Adjust Color Opacity](?path=/docs/developer-tools-philosophy-colors--docs#adjusting-opacity)

src/lib/stories/developer tools/Intro.mdx

@@ -4,6 +4,7 @@ A set of components and tools used internally in dodo-ui.
 
 ## Explore More
 
+- [Customize](?path=/docs/developer-tools-customize-autocustomize--docs)
 - [Utility Button](?path=/docs/developer-tools-components-utilitybutton--docs)
 - [Colors](?path=/docs/developer-tools-philosophy-colors--docs)
 - [Adjust Color Opacity](?path=/docs/developer-tools-philosophy-colors--docs#adjusting-opacity)

src/lib/stories/developer tools/customize/AutoCustomize/Tool/Config/Export.svelte

@@ -89,6 +89,17 @@
   --dodo-ui-element-border-width: ${2 + borderWidth}px;`;
       }
 
+      if (useAutoCustomizeConfigStore.data.space) {
+        const space = useAutoCustomizeConfigStore.data.space;
+
+        rawText += `
+
+  /* Space */
+  --dodo-ui-space-small: ${6 + space}px;
+  --dodo-ui-space: ${8 + space}px;
+  --dodo-ui-space-large: ${10 + space}px;`;
+      }
+
       // end
       rawText += `
 }`;

src/lib/stories/developer tools/customize/Intro.mdx

@@ -0,0 +1,8 @@
+# Customize
+
+Use our [Auto Customize](?path=/docs/developer-tools-customize-autocustomize--docs) to modify the look and feel of the components.
+
+## Explore More
+
+- [Tailwind CSS Color Generator](https://uicolors.app/generate/)
+- [Colors](?path=/docs/developer-tools-philosophy-colors--docs)