github.com/Jeffail/benthos/v3@v3.65.0/website/src/theme/CodeBlock/styles.module.css (about)

     1  /**
     2   * Copyright (c) Facebook, Inc. and its affiliates.
     3   *
     4   * This source code is licensed under the MIT license found in the
     5   * LICENSE file in the root directory of this source tree.
     6   */
     7  
     8  .codeBlockContainer {
     9    margin-bottom: var(--ifm-leading);
    10    border-radius: var(--ifm-global-radius);
    11    box-shadow: var(--ifm-global-shadow-lw);
    12  }
    13  
    14  .codeBlockContent {
    15    position: relative;
    16    /*rtl:ignore*/
    17    direction: ltr;
    18  }
    19  
    20  .codeBlockTitle {
    21    border-bottom: 1px solid var(--ifm-color-emphasis-300);
    22    font-size: var(--ifm-code-font-size);
    23    font-weight: 500;
    24    padding: 0.75rem var(--ifm-pre-padding);
    25  }
    26  
    27  .codeBlock {
    28    margin: 0;
    29    padding: 0;
    30    border-radius: 0;
    31  }
    32  
    33  .copyButton {
    34    background: rgba(0, 0, 0, 0.3);
    35    border-radius: var(--ifm-global-radius);
    36    color: var(--ifm-color-white);
    37    opacity: 0;
    38    user-select: none;
    39    padding: 0.4rem 0.5rem;
    40    position: absolute;
    41    right: calc(var(--ifm-pre-padding) / 2);
    42    top: calc(var(--ifm-pre-padding) / 2);
    43    transition: opacity 200ms ease-in-out;
    44  }
    45  
    46  .codeBlockTitle:hover + .codeBlockContent .copyButton,
    47  .codeBlockContent:hover > .copyButton,
    48  .copyButton:focus {
    49    opacity: 1;
    50  }
    51  
    52  @media print {
    53    .codeBlockLines {
    54      white-space: pre-wrap;
    55    }
    56  }