.code-excerpt {
    .line,
    .code {
        // stylelint-disable-next-line declaration-property-unit-whitelist
        height: 18px;
        vertical-align: middle;
        padding: 0;
    }

    .line {
        min-width: 1.5rem;
        text-align: right;
        &::before {
            // draw line number with css so it cannot be copied to clipboard
            content: attr(data-line);
            color: $color-text-1;
        }
    }

    .code {
        white-space: pre;
        padding-left: 1rem;
    }
}