diff options
Diffstat (limited to 'doc/docs/.vuepress/theme/styles/code.styl')
-rw-r--r-- | doc/docs/.vuepress/theme/styles/code.styl | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/doc/docs/.vuepress/theme/styles/code.styl b/doc/docs/.vuepress/theme/styles/code.styl new file mode 100644 index 0000000..0cb4081 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/code.styl | |||
@@ -0,0 +1,176 @@ | |||
1 | /* | ||
2 | |||
3 | Name: Base16 Atelier Sulphurpool Light | ||
4 | Author: Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) | ||
5 | |||
6 | Prism template by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/prism/) | ||
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) | ||
8 | |||
9 | */ | ||
10 | code[class*="language-"], | ||
11 | pre[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: 1em; | ||
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 | |||
31 | pre > code[class*="language-"] { | ||
32 | font-size: 1em; | ||
33 | } | ||
34 | |||
35 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, | ||
36 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { | ||
37 | text-shadow: none; | ||
38 | background: #dfe2f1; | ||
39 | } | ||
40 | |||
41 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, | ||
42 | code[class*="language-"]::selection, code[class*="language-"] ::selection { | ||
43 | text-shadow: none; | ||
44 | background: #dfe2f1; | ||
45 | } | ||
46 | |||
47 | /* Code blocks */ | ||
48 | pre[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 | |||
153 | pre > 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-rows { | ||
162 | border-right-color: #dfe2f1; | ||
163 | } | ||
164 | |||
165 | .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 { | ||
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 | } | ||