]> Witch of Git - web/blog/blob - static/prism.css
Avoid calc(700px + 9em) in media queries
[web/blog] / 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 /* Inline code */
45 :not(pre) > code[class*="language-"] {
46 padding: .1em;
47 white-space: normal;
48 }
49
50 .token.comment,
51 .token.prolog,
52 .token.doctype,
53 .token.cdata {
54 color: slategray;
55 }
56
57 .token.punctuation {
58 color: #999;
59 }
60
61 .namespace {
62 opacity: .7;
63 }
64
65 .token.property,
66 .token.tag,
67 .token.boolean,
68 .token.number,
69 .token.constant,
70 .token.symbol,
71 .token.deleted {
72 color: #905;
73 }
74
75 .token.selector,
76 .token.attr-name,
77 .token.string,
78 .token.char,
79 .token.builtin,
80 .token.inserted {
81 color: #690;
82 }
83
84 .token.operator,
85 .token.entity,
86 .token.url,
87 .language-css .token.string,
88 .style .token.string {
89 color: #9a6e3a;
90 background: hsla(0, 0%, 100%, .5);
91 }
92
93 .token.atrule,
94 .token.attr-value,
95 .token.keyword {
96 color: #07a;
97 }
98
99 .token.function,
100 .token.class-name {
101 color: #DD4A68;
102 }
103
104 .token.regex,
105 .token.important,
106 .token.variable {
107 color: #e90;
108 }
109
110 .token.important,
111 .token.bold {
112 font-weight: bold;
113 }
114 .token.italic {
115 font-style: italic;
116 }
117
118 .token.entity {
119 cursor: help;
120 }
121