// 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;
}

}

code, pre {

@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;

}