1 //

     2 // Code (inline and block)

     3 // --------------------------------------------------

     4 

     5 

     6 // Inline and block code styles

     7 code,

     8 kbd,

     9 pre,

    10 samp {

    11   font-family: $font-family-monospace;

    12 }

    13 

    14 // Inline code

    15 code {

    16   padding: 2px 4px;

    17   font-size: 90%;

    18   color: $code-color;

    19   background-color: $code-bg;

    20   border-radius: $border-radius-base;

    21 }

    22 

    23 // User input typically entered via keyboard

    24 kbd {

    25   padding: 2px 4px;

    26   font-size: 90%;

    27   color: $kbd-color;

    28   background-color: $kbd-bg;

    29   border-radius: $border-radius-small;

    30   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);

    31 

    32   kbd {

    33     padding: 0;

    34     font-size: 100%;

    35     font-weight: bold;

    36     box-shadow: none;

    37   }

    38 }

    39 

    40 // Blocks of code

    41 pre {

    42   display: block;

    43   padding: (($line-height-computed - 1) / 2);

    44   margin: 0 0 ($line-height-computed / 2);

    45   font-size: ($font-size-base - 1); // 14px to 13px

    46   line-height: $line-height-base;

    47   word-break: break-all;

    48   word-wrap: break-word;

    49   color: $pre-color;

    50   background-color: $pre-bg;

    51   border: 1px solid $pre-border-color;

    52   border-radius: $border-radius-base;

    53 

    54   // Account for some code outputs that place code tags in pre tags

    55   code {

    56     padding: 0;

    57     font-size: inherit;

    58     color: inherit;

    59     white-space: pre-wrap;

    60     background-color: transparent;

    61     border-radius: 0;

    62   }

    63 }

    64 

    65 // Enable scrollable blocks of code

    66 .pre-scrollable {

    67   max-height: $pre-scrollable-max-height;

    68   overflow-y: scroll;

    69 }