// // Code (inline and block) // ————————————————–
// Inline and block code styles code, kbd, pre, samp {
font-family: $font-family-monospace;
}
// Inline code code {
padding: 2px 4px; font-size: 90%; color: $code-color; background-color: $code-bg; border-radius: $border-radius-base;
}
// User
input typically entered via keyboard kbd {
padding: 2px 4px; font-size: 90%; color: $kbd-color; background-color: $kbd-bg; border-radius: $border-radius-small; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; }
}
// Blocks of code pre {
display: block; padding: (($line-height-computed - 1) / 2); margin: 0 0 ($line-height-computed / 2); font-size: ($font-size-base - 1); // 14px to 13px line-height: $line-height-base; word-break: break-all; word-wrap: break-word; color: $pre-color; background-color: $pre-bg; border: 1px solid $pre-border-color; border-radius: $border-radius-base; // Account for some code outputs that place code tags in pre tags code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
}
// Enable scrollable blocks of code .pre-scrollable {
max-height: $pre-scrollable-max-height; overflow-y: scroll;
}