// Sass partial to override Bootstrap & user agent defaults for code styles
// Import Prism CSS for codeblock syntax highlighting @import 'prism.css';
// Common code rules (imported to other classes) @mixin codeclass {
font-family: $font-family-monospace; font-size: $code-font-size; // set to 87.5% !default in `bootstrap/_variables.scss` (14px if browser default = 16px) color: $gray-light;
}
// Based on Bootstrap code rules .parmname {
@include codeclass; color: $brand-primary; letter-spacing: 1px;
}
pre, .highlight, .codeblock {
background-color: $pre-bg; margin: $spacer 0;
}
// Override Bootstrap _code partials
pre, pre {
border: 1px solid $pre-border-color; border-radius: 4px; padding: 6px 9.5px; // Reduce font size for DITA codeblocks code { font-size: $code-font-size; }
}
@include codeclass;
}
// Inline code code {
background-color: transparent; border-radius: 0; color: $gray-light; padding: 0;
}
// User input typically entered via keyboard kbd {
// Prefer GitHub's presentation (mimic physical keys) border: solid 1px $pre-border-color; border-bottom-color: $kbd-shadow; box-shadow: inset 0 -1px 0 $kbd-shadow; display: inline-block; vertical-align: middle;
}
.codeph, .filepath, .option {
@include codeclass;
}
// Let nested code classes inherit font size (don't scale twice) .codeblock {
.cmdname, .filepath, .msgnum, .option, .parmname, .varname { font-size: inherit; }
}
.cmdname, .msgnum {
@include codeclass; font-weight: bold;
}