windowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacoslinux
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
// |
|
// 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; |
|
}
|
|
|