1 | code[class*="language-"],
|
2 | pre[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 |
|
24 | code[class*="language-"]::-moz-selection,
|
25 | pre[class*="language-"]::-moz-selection,
|
26 | code[class*="language-"] ::-moz-selection,
|
27 | pre[class*="language-"] ::-moz-selection {
|
28 | background: #363636;
|
29 | }
|
30 |
|
31 | code[class*="language-"]::selection,
|
32 | pre[class*="language-"]::selection,
|
33 | code[class*="language-"] ::selection,
|
34 | pre[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 |
|
44 | pre[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 | }
|