Skip to content

Commit c779d9b

Browse files
mukeshydvmukeshydv
authored
Merge pull request #16 from mukeshydv/development
Example code for each frameworks
2 parents 6d68a4f + deea853 commit c779d9b

File tree

104 files changed

+7565
-26
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

104 files changed

+7565
-26
lines changed

‎css/style.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,6 @@
88
min-height: 400px;
99
font-size: small;
1010
line-height: inherit;
11-
}
11+
}
12+
13+
pre {-moz-tab-size: 4; tab-size: 4; display: block; padding: 0.5em; color: #333; background: #f8f8ff; border: 1px solid #ccc; border-radius: 4px; }

‎highlightjs/highlight.pack.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎highlightjs/styles/a11y-dark.css

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
/* a11y-dark theme */
2+
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
3+
/* @author: ericwbailey */
4+
5+
/* Comment */
6+
.hljs-comment,
7+
.hljs-quote {
8+
color: #d4d0ab;
9+
}
10+
11+
/* Red */
12+
.hljs-variable,
13+
.hljs-template-variable,
14+
.hljs-tag,
15+
.hljs-name,
16+
.hljs-selector-id,
17+
.hljs-selector-class,
18+
.hljs-regexp,
19+
.hljs-deletion {
20+
color: #ffa07a;
21+
}
22+
23+
/* Orange */
24+
.hljs-number,
25+
.hljs-built_in,
26+
.hljs-builtin-name,
27+
.hljs-literal,
28+
.hljs-type,
29+
.hljs-params,
30+
.hljs-meta,
31+
.hljs-link {
32+
color: #f5ab35;
33+
}
34+
35+
/* Yellow */
36+
.hljs-attribute {
37+
color: #ffd700;
38+
}
39+
40+
/* Green */
41+
.hljs-string,
42+
.hljs-symbol,
43+
.hljs-bullet,
44+
.hljs-addition {
45+
color: #abe338;
46+
}
47+
48+
/* Blue */
49+
.hljs-title,
50+
.hljs-section {
51+
color: #00e0e0;
52+
}
53+
54+
/* Purple */
55+
.hljs-keyword,
56+
.hljs-selector-tag {
57+
color: #dcc6e0;
58+
}
59+
60+
.hljs {
61+
display: block;
62+
overflow-x: auto;
63+
background: #2b2b2b;
64+
color: #f8f8f2;
65+
padding: 0.5em;
66+
}
67+
68+
.hljs-emphasis {
69+
font-style: italic;
70+
}
71+
72+
.hljs-strong {
73+
font-weight: bold;
74+
}
75+
76+
@media screen and (-ms-high-contrast: active) {
77+
.hljs-addition,
78+
.hljs-attribute,
79+
.hljs-built_in,
80+
.hljs-builtin-name,
81+
.hljs-bullet,
82+
.hljs-comment,
83+
.hljs-link,
84+
.hljs-literal,
85+
.hljs-meta,
86+
.hljs-number,
87+
.hljs-params,
88+
.hljs-string,
89+
.hljs-symbol,
90+
.hljs-type,
91+
.hljs-quote {
92+
color: highlight;
93+
}
94+
95+
.hljs-keyword,
96+
.hljs-selector-tag {
97+
font-weight: bold;
98+
}
99+
}

‎highlightjs/styles/a11y-light.css

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
/* a11y-light theme */
2+
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
3+
/* @author: ericwbailey */
4+
5+
/* Comment */
6+
.hljs-comment,
7+
.hljs-quote {
8+
color: #696969;
9+
}
10+
11+
/* Red */
12+
.hljs-variable,
13+
.hljs-template-variable,
14+
.hljs-tag,
15+
.hljs-name,
16+
.hljs-selector-id,
17+
.hljs-selector-class,
18+
.hljs-regexp,
19+
.hljs-deletion {
20+
color: #d91e18;
21+
}
22+
23+
/* Orange */
24+
.hljs-number,
25+
.hljs-built_in,
26+
.hljs-builtin-name,
27+
.hljs-literal,
28+
.hljs-type,
29+
.hljs-params,
30+
.hljs-meta,
31+
.hljs-link {
32+
color: #aa5d00;
33+
}
34+
35+
/* Yellow */
36+
.hljs-attribute {
37+
color: #aa5d00;
38+
}
39+
40+
/* Green */
41+
.hljs-string,
42+
.hljs-symbol,
43+
.hljs-bullet,
44+
.hljs-addition {
45+
color: #008000;
46+
}
47+
48+
/* Blue */
49+
.hljs-title,
50+
.hljs-section {
51+
color: #007faa;
52+
}
53+
54+
/* Purple */
55+
.hljs-keyword,
56+
.hljs-selector-tag {
57+
color: #7928a1;
58+
}
59+
60+
.hljs {
61+
display: block;
62+
overflow-x: auto;
63+
background: #fefefe;
64+
color: #545454;
65+
padding: 0.5em;
66+
}
67+
68+
.hljs-emphasis {
69+
font-style: italic;
70+
}
71+
72+
.hljs-strong {
73+
font-weight: bold;
74+
}
75+
76+
@media screen and (-ms-high-contrast: active) {
77+
.hljs-addition,
78+
.hljs-attribute,
79+
.hljs-built_in,
80+
.hljs-builtin-name,
81+
.hljs-bullet,
82+
.hljs-comment,
83+
.hljs-link,
84+
.hljs-literal,
85+
.hljs-meta,
86+
.hljs-number,
87+
.hljs-params,
88+
.hljs-string,
89+
.hljs-symbol,
90+
.hljs-type,
91+
.hljs-quote {
92+
color: highlight;
93+
}
94+
95+
.hljs-keyword,
96+
.hljs-selector-tag {
97+
font-weight: bold;
98+
}
99+
}

‎highlightjs/styles/agate.css

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
/*!
2+
* Agate by Taufik Nurrohman <https://github.com/tovic>
3+
* ----------------------------------------------------
4+
*
5+
* #ade5fc
6+
* #a2fca2
7+
* #c6b4f0
8+
* #d36363
9+
* #fcc28c
10+
* #fc9b9b
11+
* #ffa
12+
* #fff
13+
* #333
14+
* #62c8f3
15+
* #888
16+
*
17+
*/
18+
19+
.hljs {
20+
display: block;
21+
overflow-x: auto;
22+
padding: 0.5em;
23+
background: #333;
24+
color: white;
25+
}
26+
27+
.hljs-name,
28+
.hljs-strong {
29+
font-weight: bold;
30+
}
31+
32+
.hljs-code,
33+
.hljs-emphasis {
34+
font-style: italic;
35+
}
36+
37+
.hljs-tag {
38+
color: #62c8f3;
39+
}
40+
41+
.hljs-variable,
42+
.hljs-template-variable,
43+
.hljs-selector-id,
44+
.hljs-selector-class {
45+
color: #ade5fc;
46+
}
47+
48+
.hljs-string,
49+
.hljs-bullet {
50+
color: #a2fca2;
51+
}
52+
53+
.hljs-type,
54+
.hljs-title,
55+
.hljs-section,
56+
.hljs-attribute,
57+
.hljs-quote,
58+
.hljs-built_in,
59+
.hljs-builtin-name {
60+
color: #ffa;
61+
}
62+
63+
.hljs-number,
64+
.hljs-symbol,
65+
.hljs-bullet {
66+
color: #d36363;
67+
}
68+
69+
.hljs-keyword,
70+
.hljs-selector-tag,
71+
.hljs-literal {
72+
color: #fcc28c;
73+
}
74+
75+
.hljs-comment,
76+
.hljs-deletion,
77+
.hljs-code {
78+
color: #888;
79+
}
80+
81+
.hljs-regexp,
82+
.hljs-link {
83+
color: #c6b4f0;
84+
}
85+
86+
.hljs-meta {
87+
color: #fc9b9b;
88+
}
89+
90+
.hljs-deletion {
91+
background-color: #fc9b9b;
92+
color: #333;
93+
}
94+
95+
.hljs-addition {
96+
background-color: #a2fca2;
97+
color: #333;
98+
}
99+
100+
.hljs a {
101+
color: inherit;
102+
}
103+
104+
.hljs a:focus,
105+
.hljs a:hover {
106+
color: inherit;
107+
text-decoration: underline;
108+
}

0 commit comments

Comments
 (0)