fix(editor): 코드 블럭이 배포 환경에서 깨지는 이슈 해결 (#84)

* fix * fix
depromeet · Sep 10, 2024 · 7f2586e · 7f2586e
1 parent 70011bf
commit 7f2586e
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/styles/editors/code.css b/src/styles/editors/code.css
@@ -1,22 +1,22 @@
 .ProseMirror {
   p > code {
-    @apply caret-[gray] text-[gray] rounded-sm shadow-sm font-mono bg-orange-100 p-4;
+    @apply !caret-[gray] !text-[gray] !rounded-sm !shadow-sm !font-mono !bg-orange-100 !p-4;
   }
 
   pre {
-    @apply caret-white bg-black text-white rounded my-12 p-4 border border-black;
+    @apply !caret-white !bg-black !text-white !rounded !my-12 !border !border-black !p-20;
 
     *::selection {
-      @apply bg-white/20;
+      @apply !bg-white/20;
     }
 
     code {
-      @apply p-0 shadow-none;
+      @apply !p-0 !shadow-none;
     }
 
     .hljs-comment,
     .hljs-quote {
-      @apply text-white;
+      @apply !text-white;
     }
 
     .hljs-variable,
@@ -29,7 +29,7 @@
     .hljs-name,
     .hljs-selector-id,
     .hljs-selector-class {
-      @apply text-[red];
+      @apply !text-[red];
     }
 
     .hljs-number,
@@ -39,35 +39,35 @@
     .hljs-literal,
     .hljs-type,
     .hljs-params {
-      @apply text-[orange];
+      @apply !text-[orange];
     }
 
     .hljs-string,
     .hljs-symbol,
     .hljs-bullet {
-      @apply text-[lime];
+      @apply !text-[lime];
     }
 
     .hljs-title,
     .hljs-section {
-      @apply text-[yellow];
+      @apply !text-[yellow];
     }
 
     .hljs-attr {
-      @apply text-[teal];
+      @apply !text-[teal];
     }
 
     .hljs-keyword,
     .hljs-selector-tag {
-      @apply text-[teal];
+      @apply !text-[teal];
     }
 
     .hljs-emphasis {
-      font-style: italic;
+      font-style: italic !important;
     }
 
     .hljs-strong {
-      font-weight: 700;
+      font-weight: 700 !important;
     }
   }
 }