@kookee/sdk 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -2
- package/styles/code.css +133 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kookee/sdk",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"description": "Official Kookee SDK - Access your blog, changelog, help center, and more",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -10,10 +10,12 @@
|
|
|
10
10
|
"types": "./dist/index.d.ts",
|
|
11
11
|
"import": "./dist/index.js",
|
|
12
12
|
"require": "./dist/index.cjs"
|
|
13
|
-
}
|
|
13
|
+
},
|
|
14
|
+
"./styles/code.css": "./styles/code.css"
|
|
14
15
|
},
|
|
15
16
|
"files": [
|
|
16
17
|
"dist",
|
|
18
|
+
"styles",
|
|
17
19
|
"README.md"
|
|
18
20
|
],
|
|
19
21
|
"keywords": [
|
package/styles/code.css
ADDED
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Kookee SDK - Code Block Syntax Highlighting
|
|
3
|
+
* Based on VS Code Dark+ theme
|
|
4
|
+
*
|
|
5
|
+
* Usage:
|
|
6
|
+
* import '@kookee/sdk/styles/code.css';
|
|
7
|
+
*
|
|
8
|
+
* Or via CDN:
|
|
9
|
+
* <link rel="stylesheet" href="https://unpkg.com/@kookee/sdk/styles/code.css">
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/* Base code block styles */
|
|
13
|
+
pre {
|
|
14
|
+
background: #1e1e1e;
|
|
15
|
+
border-radius: 0.5rem;
|
|
16
|
+
color: #d4d4d4;
|
|
17
|
+
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco,
|
|
18
|
+
'Courier New', monospace;
|
|
19
|
+
font-size: 0.875rem;
|
|
20
|
+
line-height: 1.7;
|
|
21
|
+
padding: 1rem;
|
|
22
|
+
margin: 1rem 0;
|
|
23
|
+
overflow-x: auto;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
pre code {
|
|
27
|
+
background: none;
|
|
28
|
+
color: inherit;
|
|
29
|
+
font-size: inherit;
|
|
30
|
+
padding: 0;
|
|
31
|
+
border: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Inline code - Slack-style */
|
|
35
|
+
:not(pre) > code {
|
|
36
|
+
background-color: #f8e8ea;
|
|
37
|
+
color: #c41e3a;
|
|
38
|
+
padding: 0.125rem 0.375rem;
|
|
39
|
+
border-radius: 0.25rem;
|
|
40
|
+
font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco,
|
|
41
|
+
'Courier New', monospace;
|
|
42
|
+
font-size: 0.875em;
|
|
43
|
+
border: 1px solid #f0d0d4;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/* Remove Tailwind prose backticks if using Tailwind Typography */
|
|
47
|
+
.prose code::before,
|
|
48
|
+
.prose code::after {
|
|
49
|
+
content: none !important;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* Syntax highlighting - VS Code Dark+ theme */
|
|
53
|
+
.hljs-comment,
|
|
54
|
+
.hljs-quote {
|
|
55
|
+
color: #6a9955;
|
|
56
|
+
font-style: italic;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.hljs-keyword,
|
|
60
|
+
.hljs-selector-tag,
|
|
61
|
+
.hljs-addition {
|
|
62
|
+
color: #569cd6;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.hljs-number,
|
|
66
|
+
.hljs-string,
|
|
67
|
+
.hljs-meta .hljs-meta-string,
|
|
68
|
+
.hljs-literal,
|
|
69
|
+
.hljs-doctag,
|
|
70
|
+
.hljs-regexp {
|
|
71
|
+
color: #ce9178;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.hljs-title,
|
|
75
|
+
.hljs-section,
|
|
76
|
+
.hljs-name,
|
|
77
|
+
.hljs-selector-id,
|
|
78
|
+
.hljs-selector-class {
|
|
79
|
+
color: #dcdcaa;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.hljs-attribute,
|
|
83
|
+
.hljs-attr,
|
|
84
|
+
.hljs-variable,
|
|
85
|
+
.hljs-template-variable,
|
|
86
|
+
.hljs-class .hljs-title,
|
|
87
|
+
.hljs-type {
|
|
88
|
+
color: #4ec9b0;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.hljs-symbol,
|
|
92
|
+
.hljs-bullet,
|
|
93
|
+
.hljs-subst,
|
|
94
|
+
.hljs-meta,
|
|
95
|
+
.hljs-meta .hljs-keyword,
|
|
96
|
+
.hljs-selector-attr,
|
|
97
|
+
.hljs-selector-pseudo,
|
|
98
|
+
.hljs-link {
|
|
99
|
+
color: #d7ba7d;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.hljs-built_in,
|
|
103
|
+
.hljs-deletion {
|
|
104
|
+
color: #ce9178;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.hljs-formula {
|
|
108
|
+
background: #1e1e1e;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.hljs-emphasis {
|
|
112
|
+
font-style: italic;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.hljs-strong {
|
|
116
|
+
font-weight: bold;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.hljs-property {
|
|
120
|
+
color: #9cdcfe;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.hljs-punctuation {
|
|
124
|
+
color: #d4d4d4;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.hljs-template-tag {
|
|
128
|
+
color: #569cd6;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.hljs-params {
|
|
132
|
+
color: #d4d4d4;
|
|
133
|
+
}
|