//代码
code, kbd, pre, samp {
    font-family: $family-code;
}

//键盘输入
kbd {
    padding: rem(1) rem(3);
    font-size: 80%;
    color: $--white;
    background-color: $--dark;
    border-radius: rem(3);
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: $font-weight-heavy;
}

//内联代码
#{$V}code {
    color: $--red-dark;
    padding: 0 rem(3);
    margin: rem(1);
    border-radius: rem(3);
    background-color: $--red-light;
    display: inline-block;
    @include word-wrap;

    @each $key, $value in $theme-color {
        @include code-color($key) {
            color: $value;
            background-color: rgba($value, .15);
        }
    }
}

//代码块
#{$V}pre {
    display: block;
    padding: rem(8) rem(10);
    margin: rem(8) 0;
    font-size: rem($font-size-code);
    color: $--dark;
    background-color: $--white-f8;
    border: rem($border-width-xs) $border-style-solid $--light-dark;
    border-left: rem($border-width-lg) $border-style-solid $--vusui;
    border-radius: rem(3);
    page-break-inside: avoid;

    @each $key, $value in $theme-color {
        @include code-color($key) {
            @if $key == "white" {
                color: $value;
                background-color: rgba($value, .2);
            }
            @else {
                background-color: rgba($value, .1);
            }
            border-color: rgba($value, .3);
            border-left-color: $value;
        }
    }
    //源代码段落默认边框颜色
    &.v-default {
        border: {
            top-color: $--light-dark;
            right-color: $--light-dark;
            bottom-color: $--light-dark;
        }
        background-color: $--white-f8;
    }
    //设置高度
    &.v-scrollbar {
        max-height: rem(214);
        overflow-y: auto;
    }
    //去除内置code标签背景色
    #{$V}code {
        padding: 0;
        font-size: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }
}

//链接内高亮
a > #{$V}code {
    color: inherit;
    background-color: inherit;
}