diff options
Diffstat (limited to 'less/_code.less')
| -rw-r--r-- | less/_code.less | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/less/_code.less b/less/_code.less new file mode 100644 index 000000000..4faccc50d --- /dev/null +++ b/less/_code.less @@ -0,0 +1,66 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: .2rem .4rem; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + .border-radius(@border-radius-base); +} + +// User input typically entered via keyboard +kbd { + padding: .2rem .4rem; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + .border-radius(@border-radius-small); + .box-shadow(inset 0 -.1rem 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: 1.5rem; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + line-height: @line-height-base; + color: @pre-color; + background-color: @pre-bg; + .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; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} |
