docs: added code blocks without headers (#2560)

This commit is contained in:
Shahed Nasser
2022-11-07 17:36:51 +02:00
committed by GitHub
parent bbf4039147
commit c0639ef708
35 changed files with 336 additions and 98 deletions

View File

@@ -97,10 +97,14 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
font-size: 13px;
}
.theme-code-block {
.theme-code-block:not(.no-header-block) {
border-radius: 0 0 var(--ifm-code-border-radius) var(--ifm-code-border-radius) !important;
}
.theme-code-block.no-header-block {
border-radius: var(--ifm-code-border-radius);
}
.code-action {
background-color: transparent;
border: none;
@@ -128,10 +132,15 @@ a.code-action {
width: 20px;
}
.theme-code-block [class*=buttonGroup] {
.theme-code-block:not(.no-header-block) [class*=buttonGroup] {
display: none;
}
.theme-code-block.no-header-block [class*=buttonGroup] button {
opacity: 1 !important;
border: none;
}
.copy-action {
cursor: pointer;
}
@@ -145,8 +154,19 @@ a.code-action {
border-bottom: none;
}
[data-theme="dark"] .theme-code-block {
border-top: none;
html:not([data-theme="dark"]) .theme-code-block:not(.no-header-block) {
--ifm-code-border-color: #393939;
border-top: 1px solid var(--ifm-code-border-color);
}
.theme-code-block.no-header-block code:not(.thin-code),
.theme-code-block:not(.no-header-block) code {
padding: var(--ifm-pre-padding);
}
.theme-code-block.no-header-block .thin-code {
padding: calc(var(--ifm-pre-padding) / 2);
}
@media screen and (min-width: 568px) {

View File

@@ -137,6 +137,10 @@ html:not([data-theme="dark"]) .doc-footer {
z-index: var(--ifm-z-index-overlay);
}
details > div {
--docusaurus-details-decoration-color: transparent !important;
}
@media (min-width: 1440px) {
.markdown-doc-wrapper {
max-width: var(--ifm-container-width-xl) !important;

View File

@@ -19,9 +19,11 @@
html:not([data-theme="dark"]) [class*=alert--] {
--ifm-code-background: #F9FAFB !important;
--ifm-alert-background-color-highlight: #F9FAFB !important;
--ifm-link-color: #4B5563 !important;
}
[data-theme="dark"] [class*=alert--] {
--ifm-code-background: #222222 !important;
--ifm-alert-background-color-highlight: #222222 !important;
--ifm-link-color: #8A8A8A !important;
}

View File

@@ -86,6 +86,8 @@
--ifm-code-tabs-active-bg: transparent;
--ifm-code-tabs-active-color: #F4F4F4;
--ifm-code-action-hover-bg: rgba(141, 141, 141, 0.16);
--ifm-pre-padding: 16px;
--docusaurus-highlighted-code-line-bg: #393939;
/* Tooltip */
--ifm-tooltip-background-color: #fff;
@@ -143,12 +145,7 @@ html[data-theme="dark"] {
--ifm-hr-background-color: #2D2D2D;
/* Colors */
--ifm-color-primary-dark: #6231ff;
--ifm-color-primary-darker: #5520ff;
--ifm-color-primary-darkest: #3800ed;
--ifm-color-primary: #9675ff;
--ifm-color-primary-lighter: #a386ff;
--ifm-color-primary-lightest: #c9b8ff;
--ifm-color-primary: #F3F3F3;
--ifm-background-color: #161616;
--ifm-background-surface-color: #161616;
--ifm-medusa-gray: #292929;
@@ -237,4 +234,7 @@ html[data-theme="dark"] {
--ifm-announcement-bar-icon-bg: #393939;
--ifm-announcement-bar-icon-border-color: #393939;
--ifm-announcement-bar-text-color: #737373;
/* Tabs */
--ifm-tabs-color-active: #F3F3F3;
}