UNPKG

3.33 kBCSSView Raw
1/*
2
3Name: Base16 Atelier Sulphurpool Light
4Author: Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool)
5
6Prism template by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/prism/)
7Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8
9*/
10code[class*="language-"],
11pre[class*="language-"] {
12 font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
13 font-size: 14px;
14 line-height: 1.375;
15 direction: ltr;
16 text-align: left;
17 white-space: pre;
18 word-spacing: normal;
19 word-break: normal;
20 -moz-tab-size: 4;
21 -o-tab-size: 4;
22 tab-size: 4;
23 -webkit-hyphens: none;
24 -moz-hyphens: none;
25 -ms-hyphens: none;
26 hyphens: none;
27 background: #f5f7ff;
28 color: #5e6687;
29}
30
31pre > code[class*="language-"] {
32 font-size: 1em;
33}
34
35pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
36code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
37 text-shadow: none;
38 background: #dfe2f1;
39}
40
41pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
42code[class*="language-"]::selection, code[class*="language-"] ::selection {
43 text-shadow: none;
44 background: #dfe2f1;
45}
46
47/* Code blocks */
48pre[class*="language-"] {
49 padding: 1em;
50 margin: .5em 0;
51 overflow: auto;
52}
53
54/* Inline code */
55:not(pre) > code[class*="language-"] {
56 padding: .1em;
57 border-radius: .3em;
58}
59
60.token.comment,
61.token.prolog,
62.token.doctype,
63.token.cdata {
64 color: #898ea4;
65}
66
67.token.punctuation {
68 color: #5e6687;
69}
70
71.token.namespace {
72 opacity: .7;
73}
74
75.token.operator,
76.token.boolean,
77.token.number {
78 color: #c76b29;
79}
80
81.token.property {
82 color: #c08b30;
83}
84
85.token.tag {
86 color: #3d8fd1;
87}
88
89.token.string {
90 color: #22a2c9;
91}
92
93.token.selector {
94 color: #6679cc;
95}
96
97.token.attr-name {
98 color: #c76b29;
99}
100
101.token.entity,
102.token.url,
103.language-css .token.string,
104.style .token.string {
105 color: #22a2c9;
106}
107
108.token.attr-value,
109.token.keyword,
110.token.control,
111.token.directive,
112.token.unit {
113 color: #ac9739;
114}
115
116.token.statement,
117.token.regex,
118.token.atrule {
119 color: #22a2c9;
120}
121
122.token.placeholder,
123.token.variable {
124 color: #3d8fd1;
125}
126
127.token.deleted {
128 text-decoration: line-through;
129}
130
131.token.inserted {
132 border-bottom: 1px dotted #202746;
133 text-decoration: none;
134}
135
136.token.italic {
137 font-style: italic;
138}
139
140.token.important,
141.token.bold {
142 font-weight: bold;
143}
144
145.token.important {
146 color: #c94922;
147}
148
149.token.entity {
150 cursor: help;
151}
152
153pre > code.highlight {
154 outline: 0.4em solid #c94922;
155 outline-offset: .4em;
156}
157
158/* overrides color-values for the Line Numbers plugin
159 * http://prismjs.com/plugins/line-numbers/
160 */
161.line-numbers.line-numbers .line-numbers-rows {
162 border-right-color: #dfe2f1;
163}
164
165.line-numbers .line-numbers-rows > span:before {
166 color: #979db4;
167}
168
169/* overrides color-values for the Line Highlight plugin
170 * http://prismjs.com/plugins/line-highlight/
171 */
172.line-highlight.line-highlight {
173 background: rgba(107, 115, 148, 0.2);
174 background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
175 background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
176}