pre, code, kbd, samp { font-family: $font-family-monospace; font-size: $font-size-sm; border-radius: $border-radius; } code { padding: 0.25rem 0.5rem; } pre { background: $beige; color: $black; margin: 2rem 0; } pre code { display: block; overflow-x: auto; line-height: $line-height-base; padding: 1.25rem 1.5rem; tab-size: 4; scrollbar-width: thin; scrollbar-color: transparent transparent; } .hljs { padding: 1.25rem 1.5rem; } @include media-breakpoint-down(sm) { pre, code, kbd, samp { border-radius: 0; } pre { margin: 2rem -1.5rem; } } pre code::-webkit-scrollbar { height: 5px; } pre code::-webkit-scrollbar-thumb { background: $gray-200; } pre code:hover { scrollbar-width: thin; scrollbar-color: $gray-200 transparent; } pre code::-webkit-scrollbar-thumb:hover { background: $gray-200; }