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

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