mirror of
https://github.com/facebook/docusaurus.git
synced 2025-12-29 13:33:06 +00:00
bb82d0e073
* wip * fix(v2): make code blocks scrollable Co-authored-by: Yangshun Tay <tay.yang.shun@gmail.com>
46 lines
957 B
CSS
46 lines
957 B
CSS
/**
|
|
* Copyright (c) 2017-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
.codeBlock {
|
|
overflow: auto;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.copyButton {
|
|
background: rgb(1, 22, 39);
|
|
border: 1px solid rgb(214, 222, 235);
|
|
border-radius: var(--ifm-global-radius);
|
|
color: rgb(214, 222, 235);
|
|
cursor: pointer;
|
|
line-height: 12px;
|
|
opacity: 0;
|
|
outline: none;
|
|
padding: 4px 8px;
|
|
position: absolute;
|
|
right: var(--ifm-pre-padding);
|
|
top: var(--ifm-pre-padding);
|
|
visibility: hidden;
|
|
transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out,
|
|
bottom 200ms ease-in-out;
|
|
}
|
|
|
|
.codeBlock:hover > .copyButton {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.codeBlockLines {
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
margin-bottom: 0;
|
|
float: left;
|
|
min-width: 100%;
|
|
padding: var(--ifm-pre-padding);
|
|
}
|