source: public/assets/plugins/prismjs/plugin.css@ 7ed1069

Last change on this file since 7ed1069 was 0924b6c, checked in by Özkan İliyaz <iliyaz_96@…>, 4 years ago

initial commit

  • Property mode set to 100644
File size: 3.5 KB
Line 
1@charset "UTF-8";
2/* PrismJS 1.9.0
3http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
4/**
5 * prism.js default theme for JavaScript, CSS and HTML
6 * Based on dabblet (http://dabblet.com)
7 * @author Lea Verou
8 */
9.token.comment,
10.token.prolog,
11.token.doctype,
12.token.cdata {
13 color: slategray;
14}
15
16.token.punctuation {
17 color: #999;
18}
19
20.namespace {
21 opacity: .7;
22}
23
24.token.property,
25.token.tag,
26.token.boolean,
27.token.number,
28.token.constant,
29.token.symbol,
30.token.deleted {
31 color: #905;
32}
33
34.token.selector,
35.token.attr-name,
36.token.string,
37.token.char,
38.token.builtin,
39.token.inserted {
40 color: #690;
41}
42
43.token.operator,
44.token.entity,
45.token.url,
46.language-css .token.string,
47.style .token.string {
48 color: #a67f59;
49 background: rgba(255, 255, 255, 0.5);
50}
51
52.token.atrule,
53.token.attr-value,
54.token.keyword {
55 color: #07a;
56}
57
58.token.function {
59 color: #dd4a68;
60}
61
62.token.regex,
63.token.important,
64.token.variable {
65 color: #e90;
66}
67
68.token.important,
69.token.bold {
70 font-weight: bold;
71}
72
73.token.italic {
74 font-style: italic;
75}
76
77.token.entity {
78 cursor: help;
79}
80
81pre[data-line] {
82 position: relative;
83}
84
85.line-highlight {
86 position: absolute;
87 left: 0;
88 right: 0;
89 margin-top: 1em;
90 /* Same as .prism’s padding-top */
91 background: rgba(255, 255, 0, 0.1);
92 pointer-events: none;
93 line-height: inherit;
94 white-space: pre;
95}
96
97.line-highlight:before,
98.line-highlight[data-end]:after {
99 content: attr(data-start);
100 position: absolute;
101 top: .4em;
102 left: .6em;
103 min-width: 1em;
104 padding: 0 .5em;
105 background-color: rgba(153, 122, 102, 0.4);
106 color: #f5f2f0;
107 font: bold 65%/1.5 sans-serif;
108 text-align: center;
109 vertical-align: .3em;
110 border-radius: 999px;
111 text-shadow: none;
112 box-shadow: 0 1px white;
113}
114
115.line-highlight[data-end]:after {
116 content: attr(data-end);
117 top: auto;
118 bottom: .4em;
119}
120
121.line-numbers .line-highlight:before,
122.line-numbers .line-highlight:after {
123 content: none;
124}
125
126pre.line-numbers {
127 position: relative;
128 padding-left: 3.8em;
129 counter-reset: linenumber;
130}
131
132pre.line-numbers > code {
133 position: relative;
134 white-space: inherit;
135}
136
137.line-numbers .line-numbers-rows {
138 position: absolute;
139 pointer-events: none;
140 top: 0;
141 font-size: 100%;
142 left: -3.8em;
143 width: 3em;
144 /* works for line-numbers below 1000 lines */
145 letter-spacing: -1px;
146 border-right: 1px solid rgba(0, 40, 100, 0.12);
147 -webkit-user-select: none;
148 -moz-user-select: none;
149 -ms-user-select: none;
150 user-select: none;
151}
152
153.line-numbers-rows > span {
154 pointer-events: none;
155 display: block;
156 counter-increment: linenumber;
157}
158
159.line-numbers-rows > span:before {
160 content: counter(linenumber);
161 color: rgba(154, 160, 172, 0.5);
162 display: block;
163 padding-right: 0.8em;
164 text-align: right;
165}
166
167pre.code-toolbar {
168 position: relative;
169}
170
171pre.code-toolbar > .toolbar {
172 position: absolute;
173 top: .3em;
174 right: .2em;
175 transition: opacity 0.3s ease-in-out;
176 opacity: 1;
177}
178
179pre.code-toolbar > .toolbar .toolbar-item {
180 display: inline-block;
181 -webkit-user-select: none;
182 -moz-user-select: none;
183 -ms-user-select: none;
184 user-select: none;
185}
186
187pre.code-toolbar > .toolbar a {
188 cursor: pointer;
189}
190
191pre.code-toolbar > .toolbar a,
192pre.code-toolbar > .toolbar button,
193pre.code-toolbar > .toolbar span {
194 color: #9aa0ac;
195 padding: 0 .5em;
196 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
197 font-size: px2rem(14px);
198}
Note: See TracBrowser for help on using the repository browser.