docs: fix mdc class coloring

nuxt · Aug 15, 2023 · 879db4b · 879db4b
1 parent 2e5c7f7
commit 879db4b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/content/3.guide/1.writing/3.mdc.md b/docs/content/3.guide/1.writing/3.mdc.md
@@ -312,7 +312,7 @@ To create inline spans in your text you can use the `[]` identifier.
   ```
 
   ::code-block{label="Preview"}
-  Hello [World]{.bg-primary-500}!
+  Hello [World]{style="background-color: var(--color-primary-500)"}!
   ::
 ::
 
@@ -326,7 +326,7 @@ Attributes are useful for highlighting and modifying part of paragraph. The synt
   ```
 
   ::code-block{label="Preview"}
-  Hello [World]{.text-primary-500}!
+  Hello [World]{style="color: var(--color-primary-500)"}!
   ::
 ::