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