From 607792ea251d991c801c3eceba92a5955e97e531 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 17 Dec 2024 18:13:59 +0100
Subject: [PATCH] docs(theme): improve callouts code-blocks spacing

---
 docs/content/1.getting-started/3.theme.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md
index 2ee67485..81a5b28b 100644
--- a/docs/content/1.getting-started/3.theme.md
+++ b/docs/content/1.getting-started/3.theme.md
@@ -277,7 +277,7 @@ However, you can generate these classes using Tailwind's `@theme` directive, all
 
 ::module-only
 #ui
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
@@ -299,7 +299,7 @@ However, you can generate these classes using Tailwind's `@theme` directive, all
 :::
 
 #ui-pro
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui-pro";
@@ -366,7 +366,7 @@ You can change which shade is used for each color on light and dark mode:
 
 ::module-only
 #ui
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
@@ -382,7 +382,7 @@ You can change which shade is used for each color on light and dark mode:
 :::
 
 #ui-pro
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui-pro";
@@ -493,7 +493,7 @@ You can customize these CSS variables to tailor the appearance of your applicati
 
 ::module-only
 #ui
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
@@ -511,7 +511,7 @@ You can customize these CSS variables to tailor the appearance of your applicati
 :::
 
 #ui-pro
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui-pro";
@@ -550,7 +550,7 @@ You can customize the default radius value using the default Tailwind CSS variab
 
 ::module-only
 #ui
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
@@ -562,7 +562,7 @@ You can customize the default radius value using the default Tailwind CSS variab
 :::
 
 #ui-pro
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui-pro";
@@ -591,7 +591,7 @@ You can customize the default container width using the default Tailwind CSS var
 
 ::module-only
 #ui
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui";
@@ -607,7 +607,7 @@ You can customize the default container width using the default Tailwind CSS var
 :::
 
 #ui-pro
-:::div
+:::div{class="*:!mb-0 *:!mt-2.5"}
 ```css [main.css]
 @import "tailwindcss";
 @import "@nuxt/ui-pro";