// Inline code code {
font-size: $code-font-size; color: $code-color; word-break: break-word; // Streamline the style when inside anchors to avoid broken underline and more a > & { color: inherit; }
}
// User input typically entered via keyboard kbd {
padding: $kbd-padding-y $kbd-padding-x; font-size: $kbd-font-size; color: $kbd-color; background-color: $kbd-bg; @include border-radius($border-radius-sm); @include box-shadow($kbd-box-shadow); kbd { padding: 0; font-size: 100%; font-weight: $nested-kbd-font-weight; @include box-shadow(none); }
}
// Blocks of code pre {
display: block; font-size: $code-font-size; color: $pre-color; // Account for some code outputs that place code tags in pre tags code { font-size: inherit; color: inherit; word-break: normal; }
}
// Enable scrollable blocks of code .pre-scrollable {
max-height: $pre-scrollable-max-height; overflow-y: scroll;
}