.file-content.code { border: 0; box-shadow: none; margin: 0; padding: 0; table-layout: fixed; pre { padding: 10px 0; border: 0; border-radius: 0 0 $border-radius-default; font-family: $monospace-font; font-size: $code-font-size; margin: 0; overflow: auto; overflow-y: hidden; white-space: pre; word-wrap: normal; border-left: 1px solid; code { display: inline-block; min-width: 100%; font-family: $monospace-font; white-space: normal; word-wrap: normal; padding: 0; .line { display: block; width: 100%; padding-left: 10px; padding-right: 10px; white-space: pre; &:empty::before { content: '\200b'; } } } } .line-numbers { padding: 10px; text-align: right; float: left; border-bottom-left-radius: $border-radius-default; a { font-family: $monospace-font; display: block; white-space: nowrap; i, svg { float: left; margin-top: 3px; margin-right: 5px; visibility: hidden; } &:hover, &:focus { outline: none; i, svg { visibility: visible; } } } } pre .line, .line-numbers a { font-size: 0.8125rem; line-height: 1.1875rem; min-height: 1.1875rem; } } // Vertically aligns