diff options
Diffstat (limited to 'scss/_code.scss')
-rw-r--r-- | scss/_code.scss | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/scss/_code.scss b/scss/_code.scss new file mode 100644 index 0000000000..b495d4f203 --- /dev/null +++ b/scss/_code.scss @@ -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; + @include 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; + @include border-radius($border-radius-sm); + @include box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25)); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + @include 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; + @include 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; +} |