git.iko.soy/urbit.org
on 514b5fc help sign in
urbit.org/styles/prism.css
170 lines 2.9 kB history raw
1/* PrismJS 1.24.0
2https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript */
3/**
4 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
5 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
6 * @author Tim Shedor
7 */
9code[class*="language-"],
10pre[class*="language-"] {
11 @apply text-wall-600;
12 background: none;
13 font-family: "Source Code Pro", monospace;
14 font-size: 1em;
15 text-align: left;
16 white-space: pre;
17 word-spacing: normal;
18 word-break: normal;
19 word-wrap: normal;
20 line-height: 1.5;
22 -moz-tab-size: 4;
23 -o-tab-size: 4;
24 tab-size: 4;
26 -webkit-hyphens: none;
27 -moz-hyphens: none;
28 -ms-hyphens: none;
29 hyphens: none;
32/* Code blocks */
33pre[class*="language-"] {
34 position: relative;
35 overflow: visible;
38code[class*="language-"] {
39 max-height: inherit;
40 height: inherit;
41 display: block;
42 overflow: auto;
45/* Inline code */
46:not(pre) > code[class*="language-"] {
47 position: relative;
48 border-radius: 0.3em;
49 color: #c92c2c;
50 display: inline;
51 white-space: normal;
54.token.comment,
55.token.block-comment,
56.token.prolog,
57.token.doctype,
58.token.cdata {
59 color: #7d8b99;
62.token.punctuation {
63 color: #5f6364;
66.token.property,
67.token.tag,
68.token.boolean,
69.token.number,
70.token.constant,
71.token.symbol,
72.token.deleted {
73 @apply text-red;
76.token.function-name,
77.token.function {
78 @apply text-wall-600;
81.token.selector,
82.token.attr-name,
83.token.string,
84.token.char,
85.token.builtin,
86.token.inserted {
87 @apply text-green-400;
90.token.operator,
91.token.entity,
92.token.url,
93.token.variable {
94 @apply text-wall-500;
97.token.atrule,
98.token.attr-value,
99.token.class-name {
100 @apply text-blue-400;
103.token.keyword {
104 @apply text-purple;
107.token.regex,
108.token.important {
109 color: #e90;
112.language-css .token.string,
113.style .token.string {
114 color: #a67f59;
115 background: rgba(255, 255, 255, 0.5);
118.token.important {
119 font-weight: normal;
122.token.bold {
123 font-weight: bold;
125.token.italic {
126 font-style: italic;
129.token.entity {
130 cursor: help;
133.token.namespace {
134 opacity: 0.7;
137@media screen and (max-width: 767px) {
138 pre[class*="language-"]:before,
139 pre[class*="language-"]:after {
140 bottom: 14px;
141 box-shadow: none;
142 }
145/* Plugin styles: Line Numbers */
146pre[class*="language-"].line-numbers.line-numbers {
147 padding-left: 0;
150pre[class*="language-"].line-numbers.line-numbers code {
151 padding-left: 3.8em;
154pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
155 left: 0;
158/* Plugin styles: Line Highlight */
159pre[class*="language-"][data-line] {
160 padding-top: 0;
161 padding-bottom: 0;
162 padding-left: 0;
164pre[data-line] code {
165 position: relative;
166 padding-left: 4em;
168pre .line-highlight {
169 margin-top: 0;