fix(v2): add rounded corners in code blocks properly (#2533)

facebook · Apr 5, 2020 · 7bc7241 · 7bc7241
1 parent 61ea998
commit 7bc7241
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
@@ -21,6 +21,7 @@
 
 .codeBlock {
   overflow: auto;
+  border-radius: var(--ifm-global-radius);
 }
 
 .codeBlockWithTitle {
@@ -56,7 +57,6 @@
 }
 
 .codeBlockLines {
-  border-radius: var(--ifm-global-radius);
   font-family: var(--ifm-font-family-monospace);
   font-size: inherit;
   line-height: var(--ifm-pre-line-height);

diff --git a/packages/docusaurus-theme-classic/src/theme/MDXComponents/styles.module.css b/packages/docusaurus-theme-classic/src/theme/MDXComponents/styles.module.css
@@ -7,7 +7,6 @@
 
 .mdxCodeBlock {
   position: relative;
-  border-radius: var(--ifm-global-radius);
   margin-bottom: var(--ifm-leading);
   font-size: var(--ifm-code-font-size);
 }

diff --git a/packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/styles.module.css b/packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/styles.module.css
@@ -21,6 +21,7 @@
 
 .codeBlock {
   overflow: auto;
+  border-radius: var(--ifm-global-radius);
 }
 
 .codeBlockWithTitle {
@@ -56,7 +57,6 @@
 }
 
 .codeBlockLines {
-  border-radius: var(--ifm-global-radius);
   font-family: var(--ifm-font-family-monospace);
   font-size: inherit;
   line-height: var(--ifm-pre-line-height);