3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-31 23:40:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): make code block nicer (#2502)

Browse source
This commit is contained in:
Yangshun Tay 2020-04-02 14:12:47 +08:00 • committed by GitHub
parent eeebc31ff1
commit 63997a4fbe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
View file

@ -10,11 +10,10 @@
} }
.codeBlockTitle { .codeBlockTitle {
border-top-left-radius: var(--ifm-pre-border-radius); font-family: var(--ifm-font-family-monospace);
border-top-right-radius: var(--ifm-pre-border-radius);
font-weight: bold; font-weight: bold;
padding: 4px 12px; padding: var(--ifm-pre-padding);
border-bottom: 1px solid; border-bottom: 1px solid var(--ifm-color-emphasis-200);
width: 100%; width: 100%;
} }
@ -31,10 +30,10 @@
} }
.copyButton { .copyButton {
background: rgb(1, 22, 39); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgb(214, 222, 235); border: none;
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
color: rgb(214, 222, 235); color: var(--ifm-color-content);
cursor: pointer; cursor: pointer;
line-height: 12px; line-height: 12px;
opacity: 0; opacity: 0;

13
packages/docusaurus-theme-live-codeblock/src/theme/CodeBlock/styles.module.css
View file

@ -10,11 +10,10 @@
} }
.codeBlockTitle { .codeBlockTitle {
border-top-left-radius: var(--ifm-pre-border-radius); font-family: var(--ifm-font-family-monospace);
border-top-right-radius: var(--ifm-pre-border-radius);
font-weight: bold; font-weight: bold;
padding: 4px 12px; padding: var(--ifm-pre-padding);
border-bottom: 1px solid; border-bottom: 1px solid var(--ifm-color-emphasis-200);
width: 100%; width: 100%;
} }
@ -28,10 +27,10 @@
} }
.copyButton { .copyButton {
background: rgb(1, 22, 39); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgb(214, 222, 235); border: none;
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
color: rgb(214, 222, 235); color: var(--ifm-color-content);
cursor: pointer; cursor: pointer;
line-height: 12px; line-height: 12px;
opacity: 0; opacity: 0;