Fixes styles of inline code snippets

Surgical17 · Jan 25, 2024 · 087cb7a · 087cb7a
1 parent ba8d32d
commit 087cb7a
Show file tree

Hide file tree

Showing 8 changed files with 1,975 additions and 81 deletions.
diff --git a/packages/blog-starter-kit/themes/enterprise/generated/graphql.ts b/packages/blog-starter-kit/themes/enterprise/generated/graphql.ts
diff --git a/packages/blog-starter-kit/themes/enterprise/generated/schema.graphql b/packages/blog-starter-kit/themes/enterprise/generated/schema.graphql
diff --git a/packages/blog-starter-kit/themes/enterprise/styles/index.css b/packages/blog-starter-kit/themes/enterprise/styles/index.css
@@ -4,4 +4,45 @@
 
 .hashnode-content-style{
     @apply prose break-words text-slate-950 first:prose-p:mt-0 prose-img:max-w-full prose-p:leading-snug prose-a:underline hover:prose-a:bg-primary-50 dark:hover:prose-a:text-primary-500 dark:hover:prose-a:bg-neutral-800 dark:text-neutral-50 prose-blockquote:leading-snug prose-a:leading-snug prose-figure:leading-snug prose-figcaption:leading-snug prose-pre:leading-snug prose-li:leading-snug prose-ul:leading-snug prose-ol:leading-snug prose-th:leading-snug prose-td:leading-snug lg:prose-xl dark:prose-invert dark:prose-pre:bg-neutral-900 first:prose-h1:mt-0 first:prose-h2:mt-0 first:prose-h3:mt-0 first:prose-h4:mt-0 first:prose-h5:mt-0;
+}
+
+/* Override to remove the backtick */
+.hashnode-content-style :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .hashnode-content-style :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after  {
+    content: none;
+}
+
+.prose code {
+    border-radius: 0.25rem;
+    font-weight: 400 !important;
+    padding: 0.25rem;
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+    font-size: 80%;
+    background: #f0efed;
+}
+
+.dark .prose code {
+    --tw-bg-opacity: 1;
+    background-color: rgba(36, 41, 46, var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-text-opacity));
+}
+
+.prose pre {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+}
+
+.prose pre code {
+    background-color: transparent;
+    border-radius: 0px;
+    font-weight: 500 !important;
+    padding: 0px;
+    font-size: 100%;
+    color: #fafafa;
+}
+
+.dark .prose pre code {
+    background-color: transparent;
+    color: #ddd;
 }