mirror of
https://github.com/facebook/docusaurus.git
synced 2025-12-26 09:43:10 +00:00
69 lines
1.4 KiB
CSS
69 lines
1.4 KiB
CSS
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
.codeBlockContainer {
|
|
margin-bottom: var(--ifm-leading);
|
|
}
|
|
|
|
.codeBlockContent {
|
|
position: relative;
|
|
/*rtl:ignore*/
|
|
direction: ltr;
|
|
}
|
|
|
|
.codeBlockTitle {
|
|
border-top-left-radius: var(--ifm-global-radius);
|
|
border-top-right-radius: var(--ifm-global-radius);
|
|
border-bottom: 1px solid var(--ifm-color-emphasis-300);
|
|
font-size: var(--ifm-code-font-size);
|
|
font-weight: 500;
|
|
padding: 0.75rem var(--ifm-pre-padding);
|
|
}
|
|
|
|
.codeBlock {
|
|
padding: 0;
|
|
}
|
|
|
|
.codeBlockWithTitle {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.copyButton {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
border-radius: var(--ifm-global-radius);
|
|
color: var(--ifm-color-white);
|
|
opacity: 0;
|
|
user-select: none;
|
|
padding: 0.4rem 0.5rem;
|
|
position: absolute;
|
|
right: calc(var(--ifm-pre-padding) / 2);
|
|
top: calc(var(--ifm-pre-padding) / 2);
|
|
transition: opacity 200ms ease-in-out;
|
|
}
|
|
|
|
.codeBlockTitle:hover + .codeBlockContent .copyButton,
|
|
.codeBlockContent:hover > .copyButton,
|
|
.copyButton:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
.codeBlockLines {
|
|
font: inherit;
|
|
float: left;
|
|
min-width: 100%;
|
|
padding: var(--ifm-pre-padding);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
@media print {
|
|
.codeBlockLines {
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|