Witch of Git - web/blog/blob - static/prism.css

   1 /* PrismJS 1.17.1
   2 https://prismjs.com/download.html#themes=prism */
   3 /**
   4  * prism.js default theme for JavaScript, CSS and HTML
   5  * Based on dabblet (http://dabblet.com)
   6  * @author Lea Verou
   7  */
   8
   9 code[class*="language-"],
  10 pre[class*="language-"] {
  11         color: black;
  12         text-shadow: 0 1px white;
  13         font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  14         font-size: 18px;
  15         text-align: left;
  16         white-space: pre;
  17         word-spacing: normal;
  18         word-break: normal;
  19         word-wrap: normal;
  20         line-height: 1.3;
  21
  22         -moz-tab-size: 4;
  23         -o-tab-size: 4;
  24         tab-size: 4;
  25
  26         -webkit-hyphens: none;
  27         -moz-hyphens: none;
  28         -ms-hyphens: none;
  29         hyphens: none;
  30 }
  31
  32 pre::selection, pre ::selection, code::selection, code ::selection {
  33         text-shadow: none;
  34         background: #b3d4fc;
  35 }
  36
  37 @media print {
  38         code[class*="language-"],
  39         pre[class*="language-"] {
  40                 text-shadow: none;
  41         }
  42 }
  43
  44 /* Code blocks */
  45 pre > code {
  46           overflow: auto;
  47     width: calc(100% + 8em);
  48     margin: 0 -4em;
  49     display: inline-block;
  50     max-width: 100vw;
  51     font-size: 18px;
  52     box-sizing: border-box;
  53     padding: 1em;
  54     border-radius: 6px;
  55         background: #f5f2f0;
  56 }
  57
  58 @media (max-width: calc(700px + 9em)) {
  59    pre > code { margin: 0 -1em; width: calc(100% + 2em); }
  60 }
  61
  62 /* Inline code */
  63 :not(pre) > code[class*="language-"] {
  64         padding: .1em;
  65         white-space: normal;
  66 }
  67
  68 .token.comment,
  69 .token.prolog,
  70 .token.doctype,
  71 .token.cdata {
  72         color: slategray;
  73 }
  74
  75 .token.punctuation {
  76         color: #999;
  77 }
  78
  79 .namespace {
  80         opacity: .7;
  81 }
  82
  83 .token.property,
  84 .token.tag,
  85 .token.boolean,
  86 .token.number,
  87 .token.constant,
  88 .token.symbol,
  89 .token.deleted {
  90         color: #905;
  91 }
  92
  93 .token.selector,
  94 .token.attr-name,
  95 .token.string,
  96 .token.char,
  97 .token.builtin,
  98 .token.inserted {
  99         color: #690;
 100 }
 101
 102 .token.operator,
 103 .token.entity,
 104 .token.url,
 105 .language-css .token.string,
 106 .style .token.string {
 107         color: #9a6e3a;
 108         background: hsla(0, 0%, 100%, .5);
 109 }
 110
 111 .token.atrule,
 112 .token.attr-value,
 113 .token.keyword {
 114         color: #07a;
 115 }
 116
 117 .token.function,
 118 .token.class-name {
 119         color: #DD4A68;
 120 }
 121
 122 .token.regex,
 123 .token.important,
 124 .token.variable {
 125         color: #e90;
 126 }
 127
 128 .token.important,
 129 .token.bold {
 130         font-weight: bold;
 131 }
 132 .token.italic {
 133         font-style: italic;
 134 }
 135
 136 .token.entity {
 137         cursor: help;
 138 }
 139