starlight-theme-bejamas 0.1.2 → 0.1.4

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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # starlight-theme-bejamas
2
2
 
3
+ ## 0.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#17](https://github.com/bejamas/ui/pull/17) [`5751b96`](https://github.com/bejamas/ui/commit/5751b9652384891bc740947a654650cff272c2c1) Thanks [@thomkrupa](https://github.com/thomkrupa)! - improve pagination spacing
8
+
9
+ ## 0.1.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [#15](https://github.com/bejamas/ui/pull/15) [`067a92b`](https://github.com/bejamas/ui/commit/067a92bd34171b5403c7033cd2cccd54ad7ffe41) Thanks [@thomkrupa](https://github.com/thomkrupa)! - improve codeblock ui
14
+
3
15
  ## 0.1.2
4
16
 
5
17
  ### Patch Changes
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "starlight-theme-bejamas",
3
3
  "author": "Bejamas",
4
- "version": "0.1.2",
4
+ "version": "0.1.4",
5
5
  "license": "MIT",
6
6
  "description": "A Starlight theme using bejamas/ui",
7
7
  "type": "module",
@@ -77,6 +77,9 @@
77
77
  --sl-content-inline-start: 0rem;
78
78
 
79
79
  --sl-icon-color: var(--foreground);
80
+ --ec-frm-inlBtnBgHoverOrFocusOpa: 1;
81
+ --ec-frm-trmIcon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBNSVQuIE1hZGUgYnkgcGhvc3Bob3I6IGh0dHBzOi8vZ2l0aHViLmNvbS9waG9zcGhvci1pY29ucy9waG9zcGhvci1pY29ucyAtLT4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgaWQ9IkZsYXQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTExNy4zMTQ5NCwxMzMuOTc5NDlsLTcyLDY0YTguMDAwMTgsOC4wMDAxOCwwLDAsMS0xMC42Mjk4OC0xMS45NTlMOTkuOTU4NSwxMjgsMzQuNjg1MDYsNjkuOTc5NDlhOC4wMDAxOCw4LjAwMDE4LDAsMCwxLDEwLjYyOTg4LTExLjk1OWw3Miw2NGE4LjAwMDU0LDguMDAwNTQsMCwwLDEsMCwxMS45NTlaTTIxNS45OTQxNCwxODRoLTk2YTgsOCwwLDAsMCwwLDE2aDk2YTgsOCwwLDEsMCwwLTE2WiIvPgo8L3N2Zz4=);
82
+ --ecGtrBrdWd: 5px;
80
83
  }
81
84
 
82
85
  @media (min-width: 50em) {
@@ -94,6 +97,10 @@
94
97
  }
95
98
  }
96
99
 
100
+ html {
101
+ scrollbar-gutter: stable;
102
+ }
103
+
97
104
  html[data-theme="dark"],
98
105
  html.dark {
99
106
  --sl-main-frame-inner-background: color-mix(
@@ -206,6 +213,10 @@
206
213
  padding-top: calc(var(--spacing) * 5);
207
214
  }
208
215
 
216
+ .content-panel:last-child {
217
+ padding-bottom: 0;
218
+ }
219
+
209
220
  @media (min-width: 50rem) {
210
221
  .content-panel:first-child {
211
222
  padding-top: calc(var(--spacing) * 12);
@@ -236,6 +247,37 @@
236
247
  border: 1px solid var(--border);
237
248
  }
238
249
 
250
+ .expressive-code .frame.is-terminal .header {
251
+ padding: 0;
252
+ }
253
+
254
+ .expressive-code .copy {
255
+ top: calc(var(--spacing) * 2);
256
+ }
257
+
258
+ .expressive-code .copy button {
259
+ opacity: 1;
260
+ }
261
+
262
+ .expressive-code .frame.is-terminal .header::before {
263
+ width: 1.125rem;
264
+ height: 1.125rem;
265
+ background-color: var(--muted-foreground);
266
+ opacity: 1;
267
+ }
268
+
269
+ .expressive-code .frame.is-terminal .header .title::after {
270
+ content: "Terminal";
271
+ color: var(--muted-foreground);
272
+ font-size: 0.75rem;
273
+ margin-left: 2rem;
274
+ font-family: var(--font-sans);
275
+ }
276
+
277
+ .expressive-code .copy button div {
278
+ background: var(--secondary);
279
+ }
280
+
239
281
  ul.top-level li details ul li:last-child {
240
282
  margin-bottom: 1.25rem;
241
283
  }
@@ -252,8 +294,7 @@
252
294
  padding-top: 0;
253
295
  border-top-left-radius: var(--radius-lg);
254
296
  border-top-right-radius: var(--radius-lg);
255
- font-family: var(--sl-font-mono);
256
- font-size: 0.875rem;
297
+ font-size: 0.75rem;
257
298
  }
258
299
 
259
300
  .expressive-code pre {
@@ -295,8 +336,9 @@
295
336
  margin-top: 0;
296
337
  }
297
338
 
298
- starlight-tabs[data-sync-key="pkg"] figcaption.header {
299
- display: none;
339
+ starlight-tabs[data-sync-key="pkg"] figcaption.header .title {
340
+ border-radius: 0;
341
+ border-top: 0;
300
342
  }
301
343
 
302
344
  .tablist-wrapper > ul {
@@ -359,10 +401,9 @@
359
401
  border-color: var(--border);
360
402
  border: 1px solid var(--border);
361
403
 
362
- font-family: var(--sl-font-mono);
363
404
  width: 100%;
364
405
  border-bottom: 0;
365
- font-size: 0.875rem;
406
+ font-size: 0.75rem;
366
407
  padding-block: 0.75rem;
367
408
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
368
409
  }