_ Git - blog/blob - _scss/code.scss

   1 // Code
   2 //
   3 // Inline and block-level code snippets. Includes tweaks to syntax highlighted
   4 // snippets from Pygments/Rouge and Gist embeds.
   5
   6 code,
   7 pre {
   8   font-family: Menlo, Monaco, "Courier New", monospace;
   9 }
  10 code {
  11   padding: .25em .5em;
  12   font-size: 85%;
  13   color: #bf616a;
  14   background-color: #f9f9f9;
  15   border-radius: 3px;
  16 }
  17 pre {
  18   display: block;
  19   margin-top: 0;
  20   margin-bottom: 1rem;
  21   padding: 1rem;
  22   font-size: .8rem;
  23   line-height: 1.4;
  24   white-space: pre;
  25   white-space: pre-wrap;
  26   word-break: break-all;
  27   // word-wrap: break-word;
  28   background-color: #f9f9f9;
  29 }
  30 pre code {
  31   padding: 0;
  32   font-size: 100%;
  33   color: inherit;
  34   background-color: transparent;
  35 }
  36
  37 // Pygments via Jekyll
  38 .highlight {
  39   margin-bottom: 1rem;
  40   border-radius: 4px;
  41 }
  42 .highlight pre {
  43   margin-bottom: 0;
  44 }
  45
  46 // Gist via GitHub Pages
  47 .gist .gist-file {
  48   font-family: Menlo, Monaco, "Courier New", monospace !important;
  49 }
  50 .gist .markdown-body {
  51   padding: 15px;
  52 }
  53 .gist pre {
  54   padding: 0;
  55   background-color: transparent;
  56 }
  57 .gist .gist-file .gist-data {
  58   font-size: .8rem !important;
  59   line-height: 1.4;
  60 }
  61 .gist code {
  62   padding: 0;
  63   color: inherit;
  64   background-color: transparent;
  65   border-radius: 0;
  66 }