Fix comments

streamlit · Dec 17, 2024 · 979b224 · 979b224
1 parent e8f34cd
commit 979b224
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/components/blocks/callout.module.css b/components/blocks/callout.module.css
@@ -7,10 +7,6 @@
   @apply text-gray-90 !important;
 }
 
-.Container p > code {
-  @apply border border-gray-40 text-red-70 rounded-md px-1 mx-1 break-words;
-}
-
 .Container p:only-child,
 .Container p:last-child,
 .Container section:last-child,

diff --git a/components/layouts/container.module.css b/components/layouts/container.module.css
@@ -17,6 +17,12 @@
   @apply border-b border-b-gray-90 hover:border-red-60 hover:opacity-80;
 }
 
+/* If link is just for code, don't add border */
+.ArticleContainer a:has(tt:only-child),
+.ArticleContainer a:has(code:only-child) {
+  @apply border-0;
+}
+
 :global(.dark) .ArticleContainer p a,
 :global(.dark) .ArticleContainer ol li a,
 :global(.dark) .ArticleContainer ul li a {

diff --git a/styles/text.scss b/styles/text.scss
@@ -99,7 +99,7 @@ ul + p {
   @apply mt-8;
 }
 
-/* Focuss styles */
+/* Focus styles */
 a:focus,
 a:focus-visible,
 button:focus,
@@ -113,8 +113,8 @@ li > code,
 /* Inline code blocks in docstrings */
 tt.docutils.literal {
   @apply break-words px-1 rounded;
-  @apply text-green-80 bg-gray-10;
-  @apply dark:text-green-50 dark:bg-gray-90;
+  @apply text-green-80 bg-green-80/5;
+  @apply dark:text-green-50 dark:bg-green-50/10;
   @apply text-base;
 }