github.com/lyeb/hugo@v0.47.1/docs/themes/gohugoioTheme/src/css/_code.css (about)

     1  .chroma .lntable pre {
     2    padding: 0;
     3    margin: 0;
     4    border: 0;
     5  }
     6  
     7  .chroma .lntable pre code  {
     8    padding: 0;
     9    margin: 0;
    10  }
    11  
    12  pre, .pre  {
    13    overflow-x: auto;
    14    overflow-y: hidden;
    15    overflow:   scroll;
    16  }
    17  
    18  code {
    19      padding: 0.2em;
    20      margin: 0;
    21      font-size: 85%;
    22      background-color: rgba(27,31,35,0.05);
    23      border-radius: 3px;
    24  }
    25  
    26  
    27  pre  code {
    28    display: block;
    29    padding: 1.5em 1.5em;
    30    font-size: .875rem;
    31    line-height: 2;
    32    overflow-x: auto;
    33  }
    34  
    35  
    36  pre {
    37    background-color: #fff;
    38    color: #333;
    39    white-space: pre;
    40    hyphens: none;
    41    position: relative;
    42    border-width: 1px;
    43    border-color: #ccc;
    44    border-style: solid;
    45  }
    46  
    47  /* The Pygments highlighter comes with its own styles. */
    48  .highlight pre {
    49    background-color: inherit;
    50    color: inherit;
    51    padding: 0.5em;
    52    font-size: .875rem;
    53  }
    54  
    55  
    56  /*We are adding the copy button content here so we can change it with javascript. See the "Clipboard scripts"*/
    57  .copy:after {
    58    content: "Copy"
    59  }
    60  .copied:after {
    61    content: "Copied"
    62  }
    63  
    64  @media (--breakpoint-large) {
    65    .full-width, pre.expand:hover
    66    {
    67    /*width: 100vw;
    68    position: relative;
    69    left: 50%;
    70    right: 50%;
    71    margin-left: -50vw;
    72    margin-right: -50vw;*/
    73    /*width: 60vw;*/
    74    /*position: relative;
    75    left: 50%;
    76    right: 50%;*/
    77    /*margin-left: -30vw;*/
    78    margin-right: -30vw;
    79    max-width: 100vw;
    80    }
    81  }
    82  
    83  .code-block .line-numbers-rows {
    84      background: #2f3a46;
    85      border: none;
    86      bottom: -50px;
    87      color: #98a4b3;
    88      left: -178px;
    89      padding: 50px 0;
    90      top: -50px;
    91      width: 138px
    92  }
    93  
    94  .code-block .line-numbers-rows>span:before {
    95      color: inherit;
    96      padding-right: 30px
    97  }