dsh-knowledge-library 0.0.0-stage → 0.1.0
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/CHANGELOG.md +14 -0
- package/LICENSE +21 -0
- package/README.md +221 -2
- package/cordis.patch.yml +3 -0
- package/dist/client.d.ts +3 -0
- package/dist/client.js +721 -0
- package/dist/core/extract.d.ts +9 -0
- package/dist/core/extract.js +105 -0
- package/dist/core/fetch.d.ts +10 -0
- package/dist/core/fetch.js +105 -0
- package/dist/core/jobs.d.ts +30 -0
- package/dist/core/jobs.js +96 -0
- package/dist/core/library.d.ts +61 -0
- package/dist/core/library.js +386 -0
- package/dist/http.d.ts +6 -0
- package/dist/http.js +157 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.js +35 -0
- package/dist/public/app.css +182 -0
- package/dist/public/app.js +56 -0
- package/dist/public/index.html +1 -0
- package/dist/standalone.d.ts +1 -0
- package/dist/standalone.js +38 -0
- package/dist/tools.d.ts +4 -0
- package/dist/tools.js +62 -0
- package/dist/types.d.ts +78 -0
- package/dist/types.js +1 -0
- package/dist/ui/App.d.ts +2 -0
- package/dist/ui/App.js +222 -0
- package/dist/ui/icons.d.ts +8 -0
- package/dist/ui/icons.js +25 -0
- package/dist/ui/main.d.ts +1 -0
- package/dist/ui/main.js +4 -0
- package/package.json +94 -4
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
:root { font-synthesis: none; }
|
|
2
|
+
.kl-app,.kl-app *,.kl-modal-backdrop * { box-sizing:border-box; }
|
|
3
|
+
.kl-app { --kl-paper:#faf9f5;--kl-ink:#283a31;--kl-muted:#82887f;--kl-line:#e5e6df;--kl-green:#315b45;--kl-soft:#eaf0e7;--kl-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif; font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--kl-ink);font-size:13px;display:flex;background:var(--kl-paper);height:100%;min-height:560px;width:100%;overflow:hidden; }
|
|
4
|
+
body:has(> #root) { margin:0; }
|
|
5
|
+
#root>.kl-app { height:100dvh; }
|
|
6
|
+
.kl-app button,.kl-app input,.kl-app textarea,.kl-app select { font:inherit; }
|
|
7
|
+
.kl-app button { cursor:pointer;color:inherit; }
|
|
8
|
+
.kl-app button:disabled { opacity:.5;cursor:wait; }
|
|
9
|
+
.kl-app button,.kl-app a,.kl-app input,.kl-app textarea,.kl-app select { -webkit-tap-highlight-color:transparent; }
|
|
10
|
+
.kl-app button:focus-visible,.kl-app a:focus-visible { outline:2px solid #5c886b;outline-offset:3px; }
|
|
11
|
+
.kl-app input:focus,.kl-app textarea:focus,.kl-app select:focus { outline:2px solid #b2c6ae;outline-offset:1px; }
|
|
12
|
+
.kl-app svg { flex-shrink:0; }
|
|
13
|
+
.kl-primary,.kl-secondary { border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:39px;transition:background .18s;white-space:nowrap; }
|
|
14
|
+
.kl-app .kl-primary { color:#fff;background:#315b45;border:1px solid #315b45; }
|
|
15
|
+
.kl-app .kl-primary:hover { background:#244c37; }
|
|
16
|
+
.kl-secondary { background:transparent;border:1px solid #d7dcd3; }
|
|
17
|
+
.kl-secondary:hover { background:#eef1e9; }
|
|
18
|
+
.kl-nav { width:218px;flex-shrink:0;border-right:1px solid var(--kl-line);padding:28px 18px 18px;background:#f2f3ed;display:flex;flex-direction:column;overflow-y:auto; }
|
|
19
|
+
.kl-brand { display:flex;gap:11px;align-items:center;padding:0 6px 28px; }
|
|
20
|
+
.kl-mark { width:39px;height:42px;color:#315b45;display:grid;place-items:center;border:1px solid #9fae96;border-radius:9px 9px 2px 2px; }
|
|
21
|
+
.kl-brand strong { display:block;font-family:var(--kl-serif);font-size:24px;letter-spacing:4px;font-weight:600;line-height:1.2; }
|
|
22
|
+
.kl-brand div>span { font-size:10px;display:block;letter-spacing:2px;color:var(--kl-muted);margin-top:5px; }
|
|
23
|
+
.kl-version { margin-left:auto;color:#a2aa99;font:10px Georgia,serif;align-self:flex-start;padding-top:5px; }
|
|
24
|
+
.kl-add { width:100%;margin-bottom:25px; }
|
|
25
|
+
.kl-nav nav { display:grid;gap:5px; }
|
|
26
|
+
.kl-nav nav>button,.kl-nav-row { width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:6px;padding:10px;text-align:left;min-width:0; }
|
|
27
|
+
.kl-nav button.active { background:#e1e8dc;color:#254b35; }
|
|
28
|
+
.kl-nav nav>button:hover,.kl-nav-row:hover { background:#e9ede3; }
|
|
29
|
+
.kl-nav nav small,.kl-nav-row small { margin-left:auto;color:#8b9285;font-size:11px; }
|
|
30
|
+
.kl-nav-row>span:not(.kl-collection-dot) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
|
|
31
|
+
.kl-nav-section { margin-top:27px; }
|
|
32
|
+
.kl-nav-label { padding:0 10px 9px;color:#5d6c5b;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between; }
|
|
33
|
+
.kl-nav-label>span { font-size:9px;letter-spacing:0;color:#9aa293; }
|
|
34
|
+
.kl-nav-hint { color:#9aa092;font-size:11px;line-height:1.9;padding:0 10px;margin:4px 0; }
|
|
35
|
+
.kl-collection-dot { width:7px;height:7px;border-radius:50%;border:1px solid #7e9177;flex-shrink:0;margin:0 4px; }
|
|
36
|
+
.kl-tag-cloud { display:flex;flex-wrap:wrap;gap:5px;padding:3px 8px; }
|
|
37
|
+
.kl-tag-cloud button { padding:4px 6px;border:0;background:transparent;color:#7d8775;font-size:11px;border-radius:4px; }
|
|
38
|
+
.kl-nav-bottom { margin-top:auto;padding-top:35px; }
|
|
39
|
+
.kl-nav-bottom>button { display:flex;align-items:center;gap:8px;border:0;background:transparent;width:100%;padding:9px 6px;font-size:11px; }
|
|
40
|
+
.kl-nav-bottom svg { margin-left:auto; }
|
|
41
|
+
.kl-nav-bottom p { color:#a0a696;font-size:9px;letter-spacing:1px;margin:4px 6px; }
|
|
42
|
+
.kl-live-dot { width:6px;height:6px;border-radius:50%;background:#6a8f60;display:inline-block;flex-shrink:0; }
|
|
43
|
+
.kl-workspace { min-width:0;flex:1;display:flex;flex-direction:column; }
|
|
44
|
+
.kl-header { padding:36px 38px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
|
|
45
|
+
.kl-eyebrow { font-size:9px;letter-spacing:2.4px;color:#8b957f;margin-bottom:12px; }
|
|
46
|
+
.kl-header h1 { font-family:var(--kl-serif);font-size:30px;font-weight:500;letter-spacing:2px;margin:0 0 10px;line-height:1.35; }
|
|
47
|
+
.kl-header p { font-size:12px;color:#8c9187;margin:0; }
|
|
48
|
+
.kl-toolbar { padding:0 38px 22px;display:flex;gap:15px;align-items:center; }
|
|
49
|
+
.kl-search { display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:#fff;border:1px solid #dde1d6;border-radius:7px;padding:11px 13px;color:#88937e; }
|
|
50
|
+
.kl-search input { border:0;background:none;flex:1;min-width:0;color:#344732;font-size:12px; }
|
|
51
|
+
.kl-search input:focus { outline:0; }
|
|
52
|
+
.kl-search:focus-within { border-color:#709170;box-shadow:0 0 0 2px #dce7d8; }
|
|
53
|
+
.kl-search kbd { font:9px "Segoe UI",sans-serif;color:#9ba291;border:1px solid #e8ebe2;border-radius:3px;padding:2px 4px; }
|
|
54
|
+
.kl-job-button { border:0;background:none;display:flex;align-items:center;gap:7px;font-size:11px!important;color:#77836d!important;padding:8px 0 8px 5px;white-space:nowrap; }
|
|
55
|
+
.kl-job-button i { height:5px;width:5px;background:#b5844d;border-radius:50%; }
|
|
56
|
+
.kl-job-button.has-jobs { color:#315b45!important; }
|
|
57
|
+
.kl-filterbar { display:flex;align-items:center;justify-content:space-between;padding:13px 38px;border-top:1px solid var(--kl-line);border-bottom:1px solid var(--kl-line);color:#939a8c;font-size:11px; }
|
|
58
|
+
.kl-filterbar b { font-weight:500;color:#456141; }
|
|
59
|
+
.kl-filterbar>div { display:flex;align-items:center;gap:18px; }
|
|
60
|
+
.kl-filterbar select { border:0;background:transparent;color:#77806f;max-width:110px;font-size:11px; }
|
|
61
|
+
.kl-sort-label { color:#969e8f; }
|
|
62
|
+
.kl-body { display:flex;flex:1;min-height:0;overflow:hidden; }
|
|
63
|
+
.kl-list { flex:1;min-width:0;overflow-y:auto;padding:0 26px; }
|
|
64
|
+
.kl-body.with-detail .kl-list { flex:0 0 36%;padding:0 18px;min-width:250px; }
|
|
65
|
+
.kl-item { width:100%;display:block;text-align:left;padding:23px 13px;border:0;border-bottom:1px solid var(--kl-line);background:transparent;position:relative; }
|
|
66
|
+
.kl-item:hover { background:#f2f4ed; }
|
|
67
|
+
.kl-item.selected { background:#edf2e8; }
|
|
68
|
+
.kl-item.selected:before { content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#4d7350;border-radius:0 2px 2px 0; }
|
|
69
|
+
.kl-item-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; }
|
|
70
|
+
.kl-type { display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#86907c; }
|
|
71
|
+
.kl-type-note { color:#aa8654; }
|
|
72
|
+
.kl-type-web { color:#6c8d79; }
|
|
73
|
+
.kl-type-transcript,.kl-type-video { color:#8b819f; }
|
|
74
|
+
.kl-item time { font:10px "Segoe UI",sans-serif;color:#a3a89a; }
|
|
75
|
+
.kl-item h2 { font-size:15px;font-weight:500;line-height:1.6;margin:0 0 8px;color:#344631; }
|
|
76
|
+
.kl-item>p { font-size:11px;line-height:1.9;color:#93988b;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere; }
|
|
77
|
+
.kl-item-bottom { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
|
|
78
|
+
.kl-category { color:#88927d;font-size:10px;display:flex;align-items:center;gap:4px;margin-right:3px;max-width:55%;overflow:hidden;white-space:nowrap; }
|
|
79
|
+
.kl-chip { font-size:9px;padding:3px 6px;background:#edf0e7;color:#7c896e;border-radius:3px;white-space:nowrap; }
|
|
80
|
+
.kl-item.selected .kl-chip { background:#e3eadd; }
|
|
81
|
+
.kl-item-bottom>svg { margin-left:auto;color:#abb39f; }
|
|
82
|
+
.kl-stored { color:#a88759;font-size:9px; }
|
|
83
|
+
.kl-reading-placeholder { flex:0 0 44%;border-left:1px solid var(--kl-line);padding:70px 40px 35px;background:#f6f6f0;display:flex;flex-direction:column;justify-content:center; }
|
|
84
|
+
.kl-placeholder-number { font-family:var(--kl-serif);font-size:12px;letter-spacing:4px;color:#9fae94;margin-bottom:40px; }
|
|
85
|
+
.kl-reading-placeholder h2 { font-family:var(--kl-serif);font-size:25px;font-weight:400;line-height:1.8;letter-spacing:1px;margin:0 0 19px; }
|
|
86
|
+
.kl-reading-placeholder>p { color:#8c9681;line-height:2;font-size:11px; }
|
|
87
|
+
.kl-reading-placeholder>div:last-child { display:flex;gap:50px;border-top:1px solid #e1e5d8;padding-top:25px;margin-top:45px; }
|
|
88
|
+
.kl-reading-placeholder>div:last-child span { font:30px Georgia,serif;color:#668061; }
|
|
89
|
+
.kl-reading-placeholder small { display:block;font:10px "Microsoft YaHei",sans-serif;color:#9ca58f;margin-top:9px; }
|
|
90
|
+
.kl-detail { flex:1;min-width:0;overflow-y:auto;border-left:1px solid var(--kl-line);background:#fffefa; }
|
|
91
|
+
.kl-detail-toolbar { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceee5;padding:12px 24px;position:sticky;top:0;background:#fffefa;z-index:1; }
|
|
92
|
+
.kl-detail-toolbar>div { display:flex;align-items:center;gap:13px; }
|
|
93
|
+
.kl-detail-toolbar button,.kl-detail-toolbar a { display:flex;align-items:center;gap:5px;background:none;border:0;padding:4px;color:#88937d;text-decoration:none;font-size:10px; }
|
|
94
|
+
.kl-detail article { padding:32px 36px 40px; }
|
|
95
|
+
.kl-detail-kicker { display:flex;gap:10px;font-size:10px;color:#7c8b6d; }
|
|
96
|
+
.kl-detail-kicker span+span:before { content:"/";margin-right:10px;color:#b4bda9; }
|
|
97
|
+
.kl-detail article>h2 { font-family:var(--kl-serif);font-size:25px;font-weight:500;line-height:1.6;letter-spacing:.5px;margin:15px 0;overflow-wrap:anywhere; }
|
|
98
|
+
.kl-source { display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#9ca58e;font-size:10px; }
|
|
99
|
+
.kl-source a { color:#778b66;display:flex;align-items:center;gap:4px;text-decoration:none; }
|
|
100
|
+
.kl-detail-tags { display:flex;gap:6px;margin-top:16px; }
|
|
101
|
+
.kl-source-note { border-left:2px solid #bacaa9;padding:9px 12px;font-size:11px;line-height:1.8;color:#869677;background:#f7f8f2;margin:22px 0; }
|
|
102
|
+
.kl-content { margin-top:28px; }
|
|
103
|
+
.kl-segment { margin-bottom:20px; }
|
|
104
|
+
.kl-segment.kl-cited { background:#f0f4e7;box-shadow:0 0 0 10px #f0f4e7;border-radius:2px; }
|
|
105
|
+
.kl-segment-line { display:flex;align-items:center;gap:9px;margin-bottom:5px;font:9px "Segoe UI",sans-serif;color:#b0b7a6; }
|
|
106
|
+
.kl-segment-line>span { margin-right:auto; }
|
|
107
|
+
.kl-segment-line button { background:none;border:0;color:#a4af98;padding:2px;opacity:.3; }
|
|
108
|
+
.kl-segment:hover button,.kl-segment:focus-within button { opacity:1; }
|
|
109
|
+
.kl-segment p { white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2.05;margin:0;color:#59644f; }
|
|
110
|
+
.kl-segment h3 { font-size:17px;line-height:1.8;margin:0;font-weight:500;color:#3f5538; }
|
|
111
|
+
.kl-detail-footer { margin-top:40px;padding-top:18px;border-top:1px solid #e8ecdf;font-size:9px;color:#a0aa92; }
|
|
112
|
+
.kl-detail-footer>div { display:flex;gap:6px;align-items:center;line-height:1.9; }
|
|
113
|
+
.kl-detail-footer a { display:flex;align-items:center;gap:6px;color:#7d8f6a;text-decoration:none;margin:12px 0; }
|
|
114
|
+
.kl-detail-footer code { display:block;font-size:8px;margin-top:12px;overflow-wrap:anywhere; }
|
|
115
|
+
.kl-empty { min-height:350px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;text-align:center;color:#8d9983; }
|
|
116
|
+
.kl-empty-art { display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;height:80px;color:#819675; }
|
|
117
|
+
.kl-empty-art>svg { width:66px;height:80px;padding:14px 8px;border:1px solid #bdcbb0;background:#f5f8ee;transform:rotate(-5deg); }
|
|
118
|
+
.kl-empty-art>span { width:38px;height:56px;border:1px solid #d3dcc9;background:#f4f6ee;transform:rotate(12deg); }
|
|
119
|
+
.kl-empty-art>span:first-child { transform:rotate(-14deg); }
|
|
120
|
+
.kl-empty h2 { font:20px var(--kl-serif);font-weight:400;color:#627557;letter-spacing:1px;margin:8px 0; }
|
|
121
|
+
.kl-empty p { font-size:12px;margin:0 0 15px;line-height:1.9; }
|
|
122
|
+
.kl-empty .kl-secondary { font-size:11px; }
|
|
123
|
+
.kl-load-more { width:100%;padding:18px;border:0;background:transparent;font-size:11px;color:#79906a; }
|
|
124
|
+
.kl-notice { display:flex;gap:12px;padding:18px;background:#f4f2e9;margin-top:25px;border-radius:5px;color:#8d805e; }
|
|
125
|
+
.kl-notice strong { font-size:12px;font-weight:500; }
|
|
126
|
+
.kl-notice p { font-size:11px;line-height:1.9;margin:7px 0 0; }
|
|
127
|
+
.kl-references { background:#f1f5eb;padding:17px;border-radius:5px;margin-top:24px; }
|
|
128
|
+
.kl-references h3 { font-size:11px;color:#718561;margin:0 0 12px; }
|
|
129
|
+
.kl-references button { display:flex;gap:7px;align-items:center;border:0;background:none;font-size:10px;color:#7b8f6b;padding:6px 0;width:100%; }
|
|
130
|
+
.kl-references button>svg:last-child { margin-left:auto; }
|
|
131
|
+
.kl-modal-backdrop { position:fixed;inset:0;background:#1c2a2355;backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px; }
|
|
132
|
+
.kl-dialog { background:#fffefa;color:#344631;width:580px;max-width:100%;max-height:90dvh;overflow:auto;border-radius:12px;box-shadow:0 20px 90px #15241633;animation:kl-enter .18s ease-out; }
|
|
133
|
+
.kl-dialog>header { padding:25px 28px 20px;border-bottom:1px solid #e9ecdf;display:flex;justify-content:space-between;align-items:flex-start;gap:18px; }
|
|
134
|
+
.kl-dialog>header h2 { font:24px var(--kl-serif);margin:0 0 9px;letter-spacing:1px; }
|
|
135
|
+
.kl-dialog>header p { color:#97a08b;font-size:11px;line-height:1.8;margin:0; }
|
|
136
|
+
.kl-dialog>header>button { border:0;background:none;color:#9eaa92;padding:2px; }
|
|
137
|
+
.kl-editor { padding:22px 28px 0; }
|
|
138
|
+
.kl-tabs { display:flex;background:#f0f3e9;border-radius:6px;padding:4px;gap:5px;margin-bottom:22px; }
|
|
139
|
+
.kl-tabs button { flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;color:#93a082;border-radius:4px;padding:9px;font-size:12px; }
|
|
140
|
+
.kl-tabs button.active { background:#fffefa;box-shadow:0 1px 4px #536b3320;color:#3f6332; }
|
|
141
|
+
.kl-editor label { display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6e805d;margin-bottom:16px;position:relative; }
|
|
142
|
+
.kl-editor label>em { position:absolute;right:0;top:0;font-size:9px;color:#a1ac94;font-style:normal; }
|
|
143
|
+
.kl-editor input,.kl-editor textarea { width:100%;background:#fffefa;border:1px solid #dce3d3;border-radius:5px;padding:10px 11px;color:#4b603e;font-size:12px; }
|
|
144
|
+
.kl-editor input::placeholder,.kl-editor textarea::placeholder { color:#b0b9a5; }
|
|
145
|
+
.kl-editor textarea { resize:vertical;line-height:1.8;min-height:120px;max-height:280px; }
|
|
146
|
+
.kl-editor label>small { color:#a0ac91;font-size:10px;line-height:1.7; }
|
|
147
|
+
.kl-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
|
|
148
|
+
.kl-editor footer { display:flex;align-items:center;gap:9px;margin:20px -28px 0;padding:17px 28px;border-top:1px solid #e7ecdf; }
|
|
149
|
+
.kl-editor footer>span { display:flex;align-items:center;gap:6px;font-size:10px;color:#9ba98c;margin-right:auto; }
|
|
150
|
+
.kl-editor footer button { font-size:12px; }
|
|
151
|
+
.kl-editor .kl-upload { align-items:center;gap:12px;position:relative;border:1px dashed #bacba9;background:#f5f8f0;padding:22px 16px;border-radius:6px;text-align:center; }
|
|
152
|
+
.kl-upload>strong { font-size:12px;font-weight:400; }
|
|
153
|
+
.kl-upload>span { font-size:10px;color:#93a280; }
|
|
154
|
+
.kl-upload input { position:absolute;inset:0;opacity:0;cursor:pointer; }
|
|
155
|
+
.kl-citation-preview { display:flex;gap:8px;align-items:center;background:#edf4e6;font-size:10px;color:#718a60;padding:10px;border-radius:5px;margin-bottom:18px; }
|
|
156
|
+
.kl-jobs,.kl-info { padding:24px 28px; }
|
|
157
|
+
.kl-muted { color:#97a58b;font-size:12px; }
|
|
158
|
+
.kl-job { border-bottom:1px solid #e6ecdc;padding:0 0 18px;margin-bottom:18px; }
|
|
159
|
+
.kl-job>div { display:flex;justify-content:space-between;align-items:center; }
|
|
160
|
+
.kl-job time { font-size:10px;color:#a2ad95; }
|
|
161
|
+
.kl-job>strong { display:block;overflow-wrap:anywhere;font-size:12px;font-weight:400;margin:12px 0;color:#7f8f6d; }
|
|
162
|
+
.kl-job>p { font-size:11px;color:#ac6e51;line-height:1.8; }
|
|
163
|
+
.kl-job button { display:flex;align-items:center;gap:4px;color:#6b8756;font-size:11px;border:0;background:none;padding:4px 0; }
|
|
164
|
+
.kl-job-status { font-size:10px;border-radius:3px;padding:4px 7px;background:#eef2e6;color:#7f9568; }
|
|
165
|
+
.kl-job-status.failed { background:#fbede4;color:#ae7452; }
|
|
166
|
+
.kl-job-status.running { background:#e4f0df;color:#528342; }
|
|
167
|
+
.kl-info label { display:block;font-size:11px;color:#849772;margin-bottom:10px; }
|
|
168
|
+
.kl-info code { display:block;overflow-wrap:anywhere;background:#f0f4e9;padding:14px;border-radius:5px;font-size:11px;color:#647d4f; }
|
|
169
|
+
.kl-info p { font-size:12px;line-height:2;color:#8d9d7b;margin:20px 0; }
|
|
170
|
+
.kl-info button { font-size:11px; }
|
|
171
|
+
.kl-error,.kl-form-error { background:#f9ede6;color:#a25b40;font-size:12px;line-height:1.8;padding:11px 15px; }
|
|
172
|
+
.kl-error { display:flex;align-items:center;gap:12px;margin:0 38px 15px;border-radius:5px; }
|
|
173
|
+
.kl-error button { margin-left:auto;border:0;background:none;color:inherit;display:flex; }
|
|
174
|
+
.kl-form-error { border-radius:5px;margin-bottom:14px; }
|
|
175
|
+
.kl-toast { position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2f513a;color:#f1f7eb;padding:12px 22px;display:flex;gap:9px;align-items:center;border-radius:8px;box-shadow:0 5px 20px #213b2a25;font-size:12px;z-index:1100; }
|
|
176
|
+
.kl-spinner { height:20px;width:20px;border:2px solid #d4e0c8;border-top-color:#718c5f;border-radius:50%;animation:kl-spin 1s linear infinite; }
|
|
177
|
+
@keyframes kl-spin { to { transform:rotate(360deg); } }
|
|
178
|
+
@keyframes kl-enter { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
|
|
179
|
+
@media(min-width:1500px) { .kl-header,.kl-toolbar { padding-left:48px;padding-right:48px; }.kl-filterbar { padding-left:48px;padding-right:48px; }.kl-detail article { padding:40px 50px; }.kl-body.with-detail .kl-list { flex-basis:39%; } }
|
|
180
|
+
@media(max-width:1050px) { .kl-nav { width:180px;padding:25px 12px 15px; }.kl-header { padding:28px 25px 22px; }.kl-toolbar { padding:0 25px 20px; }.kl-filterbar { padding:12px 25px; }.kl-detail article { padding:25px 24px; }.kl-body.with-detail .kl-list { flex-basis:34%;min-width:220px;padding:0 10px; }.kl-reading-placeholder { padding:35px 25px; }.kl-reading-placeholder h2 { font-size:21px; }.kl-item h2 { font-size:13px; }.kl-detail-toolbar { padding:10px 16px; }.kl-back span { display:none; } }
|
|
181
|
+
@media(max-width:760px) { .kl-app { min-height:500px; }.kl-nav { width:64px;padding:22px 8px; }.kl-brand { padding:0 0 22px;justify-content:center; }.kl-brand>div,.kl-version,.kl-nav-section,.kl-nav-bottom,.kl-nav nav span,.kl-nav nav small { display:none; }.kl-mark { width:34px;height:38px; }.kl-nav .kl-add { font-size:0;gap:0;padding:10px;margin-bottom:15px; }.kl-nav nav>button { justify-content:center;padding:11px; }.kl-header { padding:24px 20px 20px; }.kl-header h1 { font-size:24px; }.kl-header p { font-size:10px;max-width:230px;line-height:1.8; }.kl-eyebrow { font-size:7px;letter-spacing:1.2px; }.kl-header>.kl-secondary { font-size:10px;padding:8px 10px; }.kl-toolbar { padding:0 20px 18px;gap:8px; }.kl-search kbd { display:none; }.kl-job-button span { display:none; }.kl-filterbar { padding:12px 20px; }.kl-sort-label { display:none; }.kl-body.with-detail .kl-list { display:none; }.kl-reading-placeholder { display:none; }.kl-detail { border-left:0; }.kl-list { padding:0 10px; }.kl-detail article { padding:24px 24px; }.kl-detail-toolbar { padding:10px 20px; }.kl-back span { display:inline; }.kl-empty h2 { font-size:18px;line-height:1.8; }.kl-modal-backdrop { padding:10px; }.kl-dialog { max-height:94dvh; }.kl-dialog>header { padding:22px 20px 17px; }.kl-editor { padding:18px 20px 0; }.kl-editor footer { margin-left:-20px;margin-right:-20px;padding:15px 20px; }.kl-editor footer>span { font-size:8px; }.kl-form-grid { gap:10px; }.kl-error { margin:0 20px 14px; } }
|
|
182
|
+
@media(prefers-reduced-motion:reduce) { .kl-app * { animation:none!important;transition:none!important; } }
|