UNPKG

2.56 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: #c3cee3;
9 background: #263238;
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: #c3e88d;
71}
72
73.token.attribute {
74 color: #c3e88d;
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.color {
102 color: #f2ff00;
103}
104
105.token.comment {
106 color: #546e7a;
107}
108
109.token.constant {
110 color: #c792ea;
111}
112
113.token.deleted {
114 color: #f07178;
115}
116
117.token.doctype {
118 color: #546e7a;
119}
120
121.token.entity {
122 color: #f07178;
123}
124
125.token.function {
126 color: #c792ea;
127}
128
129.token.hexcode {
130 color: #f2ff00;
131}
132
133.token.id {
134 color: #c792ea;
135 font-weight: bold;
136}
137
138.token.important {
139 color: #c792ea;
140 font-weight: bold;
141}
142
143.token.inserted {
144 color: #80cbc4;
145}
146
147.token.keyword {
148 color: #c792ea;
149 font-style: italic;
150}
151
152.token.number {
153 color: #fd9170;
154}
155
156.token.operator {
157 color: #89ddff;
158}
159
160.token.prolog {
161 color: #546e7a;
162}
163
164.token.property {
165 color: #80cbc4;
166}
167
168.token.pseudo-class {
169 color: #c3e88d;
170}
171
172.token.pseudo-element {
173 color: #c3e88d;
174}
175
176.token.punctuation {
177 color: #89ddff;
178}
179
180.token.regex {
181 color: #f2ff00;
182}
183
184.token.selector {
185 color: #f07178;
186}
187
188.token.string {
189 color: #c3e88d;
190}
191
192.token.symbol {
193 color: #c792ea;
194}
195
196.token.tag {
197 color: #f07178;
198}
199
200.token.unit {
201 color: #f07178;
202}
203
204.token.url {
205 color: #fd9170;
206}
207
208.token.variable {
209 color: #f07178;
210}