vanilla-hugo/assets/scss/code.scss

@import "variables.scss";

.highlight-label {
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    border: $code-border;
    border-bottom: none;

    a {
        font-family: $font-code;
    }
}

.highlight-group pre {
    margin: 0;
}

code {
  font-family: $font-code;
  @include var(background-color, code-color);
  border: $code-border;
  padding: 0 0.25rem 0 0.25rem;
}

pre code {
    display: block;
    box-sizing: border-box;
    padding: 0.5rem;
    overflow: auto;
}

.chroma {
    .lntable {
        border-spacing: 0;
        padding: 0.5rem 0 0.5rem 0;
        @include var(background-color, code-color);
        border-radius: 0;
        border: $code-border;
        display: block;
        overflow: auto;
        margin-bottom: 1rem;

        td {
            padding: 0;
        }

        code {
            border: none;
            padding: 0;
        }

        pre {
            margin: 0;
        }

        .lntd:last-child {
            width: 100%;
        }
    }

    .lntr {
        display: table-row;
    }

    .lnt {
        display: block;
        padding: 0 1rem 0 1rem;
        color: $code-lineno-color;
    }

    .hl {
        display: block;
        @include var(background-color, code-highlight-color);

        .lnt::before {
            content: "*";
        }
    }
}

.kr, .kd, .k {
    font-weight: bold;
    @include var(color, code-keyword-color);
}

.kt {
    font-weight: bold;
    @include var(color, code-type-color);
}

.c, .c1, .cm {
    color: $code-comment-color;
}