docs

Author: saadeghi

packages/docs/src/global.css

@@ -119,6 +119,13 @@
       content: none;
     }
   }
+
+  :where(code):not(pre > code) {
+    margin-inline: 0.25em;
+  }
+  :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-inline: 0.25em;
+  }
 }
 
 .code-wrapper {

packages/docs/src/routes/(routes)/docs/cdn/+page.md

@@ -74,7 +74,7 @@ desc: How to use daisyUI from a CDN?
 
     <h3 class="block text-xl mt-6 mb-4 font-bold">Adding all themes</h3>
 
-    <p class="mt-6">daisyui.css includes light and dark themes. For other themes, add themes.css file as well:</p>
+    <p class="mt-6 mb-4">daisyui.css includes light and dark themes. For other themes, add themes.css file as well:</p>
     <div class="grid *:[grid-area:1/1]">
       <div class="overflow-x-auto [direction:ltr] pt-12 pb-8 px-6 bg-neutral text-neutral-content rounded-box">
         <pre class="shiki tokyo-night" style="background-color:var(--shiki-bg);color:var(--shiki-punctuation)" tabindex="0"><code><span class="line"><span style="color:var(--shiki-punctuation)">&lt;link</span><span style="color:var(--shiki-attr-name)"> href</span><span style="color:var(--shiki-punctuation)">=</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-attr-value)">https://cdn.jsdelivr.net/npm/daisyui@5/themes.css</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-attr-name)"> rel</span><span style="color:var(--shiki-punctuation)">=</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-attr-value)">stylesheet</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-attr-name)"> type</span><span style="color:var(--shiki-punctuation)">=</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-attr-value)">text/css</span><span style="color:var(--shiki-punctuation)">"</span><span style="color:var(--shiki-punctuation)"> /&gt;</span></span></code></pre>

packages/docs/src/routes/(routes)/docs/use/+page.md

@@ -8,7 +8,7 @@ desc: How to use daisyUI classes to style your page?
 </script>
 <Translate text="Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc." />
 
-1. <Translate text="So instead of making a button using only utility classes" />:
+So instead of making a button using only utility classes
 
 ```html
 <button
@@ -19,23 +19,23 @@ desc: How to use daisyUI classes to style your page?
 
 <button class="inline-block px-4 py-3 text-sm font-semibold text-center text-white uppercase transition duration-200 ease-in-out bg-gray-800 rounded-md cursor-pointer hover:bg-gray-900">Button</button>
 
-2. <Translate text="You can just use a component class like this" />:
+You can just use a component class like this
 
 ```html
 <button class="btn">Button</button>
 ```
 
 <button class="btn">Button</button>
 
-3. <Translate text="Then you can modify the component with daisyUI additional utility classes" />:
+Then you can modify the component with daisyUI additional utility classes
 
 ```html
 <button class="btn btn-primary">Button</button>
 ```
 
 <button class="btn btn-primary">Button</button>
 
-4. <Translate text="Or you can modify the component with Tailwind CSS utility classes" />:
+Or you can modify the component with Tailwind CSS utility classes
 
 ```html
 <button class="btn w-64 rounded-full">Button</button>