UNPKG

2.5 kBCSSView Raw
1code[class*="language-"],
2pre[class*="language-"] {
3 text-align: left;
4 white-space: pre;
5 word-spacing: normal;
6 word-break: normal;
7 word-wrap: normal;
8 color: #eee;
9 background: #2f2f2f;
10 font-family: Roboto Mono, monospace;
11 font-size: 1em;
12 line-height: 1.5em;
13
14 -moz-tab-size: 4;
15 -o-tab-size: 4;
16 tab-size: 4;
17
18 -webkit-hyphens: none;
19 -moz-hyphens: none;
20 -ms-hyphens: none;
21 hyphens: none;
22}
23
24code[class*="language-"]::-moz-selection,
25pre[class*="language-"]::-moz-selection,
26code[class*="language-"] ::-moz-selection,
27pre[class*="language-"] ::-moz-selection {
28 background: #363636;
29}
30
31code[class*="language-"]::selection,
32pre[class*="language-"]::selection,
33code[class*="language-"] ::selection,
34pre[class*="language-"] ::selection {
35 background: #363636;
36}
37
38:not(pre) > code[class*="language-"] {
39 white-space: normal;
40 border-radius: 0.2em;
41 padding: 0.1em;
42}
43
44pre[class*="language-"] {
45 overflow: auto;
46 position: relative;
47 margin: 0.5em 0;
48 padding: 1.25em 1em;
49}
50
51.language-css > code,
52.language-sass > code,
53.language-scss > code {
54 color: #fd9170;
55}
56
57[class*="language-"] .namespace {
58 opacity: 0.7;
59}
60
61.token.atrule {
62 color: #c792ea;
63}
64
65.token.attr-name {
66 color: #ffcb6b;
67}
68
69.token.attr-value {
70 color: #a5e844;
71}
72
73.token.attribute {
74 color: #a5e844;
75}
76
77.token.boolean {
78 color: #c792ea;
79}
80
81.token.builtin {
82 color: #ffcb6b;
83}
84
85.token.cdata {
86 color: #80cbc4;
87}
88
89.token.char {
90 color: #80cbc4;
91}
92
93.token.class {
94 color: #ffcb6b;
95}
96
97.token.class-name {
98 color: #f2ff00;
99}
100
101.token.comment {
102 color: #616161;
103}
104
105.token.constant {
106 color: #c792ea;
107}
108
109.token.deleted {
110 color: #ff6666;
111}
112
113.token.doctype {
114 color: #616161;
115}
116
117.token.entity {
118 color: #ff6666;
119}
120
121.token.function {
122 color: #c792ea;
123}
124
125.token.hexcode {
126 color: #f2ff00;
127}
128
129.token.id {
130 color: #c792ea;
131 font-weight: bold;
132}
133
134.token.important {
135 color: #c792ea;
136 font-weight: bold;
137}
138
139.token.inserted {
140 color: #80cbc4;
141}
142
143.token.keyword {
144 color: #c792ea;
145}
146
147.token.number {
148 color: #fd9170;
149}
150
151.token.operator {
152 color: #89ddff;
153}
154
155.token.prolog {
156 color: #616161;
157}
158
159.token.property {
160 color: #80cbc4;
161}
162
163.token.pseudo-class {
164 color: #a5e844;
165}
166
167.token.pseudo-element {
168 color: #a5e844;
169}
170
171.token.punctuation {
172 color: #89ddff;
173}
174
175.token.regex {
176 color: #f2ff00;
177}
178
179.token.selector {
180 color: #ff6666;
181}
182
183.token.string {
184 color: #a5e844;
185}
186
187.token.symbol {
188 color: #c792ea;
189}
190
191.token.tag {
192 color: #ff6666;
193}
194
195.token.unit {
196 color: #fd9170;
197}
198
199.token.url {
200 color: #ff6666;
201}
202
203.token.variable {
204 color: #ff6666;
205}