@use '../utilities/main_utilities' as *;

code,samp {
    font-family: monospace;
    background-color: $color-accent;
    border-radius: $border-radius;
    color: $color-text;
    display: inline-block;
    margin: 0 0.1rem;
    padding: 0 0.5rem;

    @include color-scheme(dark) {
        background-color: $color-accent--dark;
        color: $color-text--dark;
    }
}
pre {
    margin: .5rem 0;
    padding: 0.5rem 2rem;
    display: block;
    font-size: .9rem;
    line-height: 1.3rem;

    background-color: $color-accent;
    border-radius: $border-radius;
    color: $color-text;
    overflow-x: auto;
    
    white-space: pre-wrap;
    border: 1px solid $color-text;

    @include color-scheme(dark) {
        background-color: $color-accent--dark;
        color: $color-text--dark;
        border-color: $color-text--dark;
    }
}

section pre {
    overflow: auto;
}