Skip to content

Commit bcd6a33

Browse files
ArthurFlagArthurFlag
committed
wip
1 parent 7cc70fd commit bcd6a33

File tree

3 files changed

+96
-37
lines changed

3 files changed

+96
-37
lines changed

‎assets/css/utilities.css‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -144,12 +144,8 @@
144144
font-size: 0.875em;
145145
border: 1px solid;
146146
border-radius: 0.25rem; /* theme("spacing.1") fallback */
147-
background: var(--color-white-main);
148-
border-color: var(--color-gray-300);
149-
.dark & {
150-
background: var(--color-gray-200);
151-
border-color: var(--color-gray-400);
152-
}
147+
border: none;
148+
background: transparent;
153149
&::before,
154150
&::after {
155151
content: none !important;
@@ -185,7 +181,7 @@
185181
}
186182

187183
.highlight {
188-
@apply my-4 overflow-x-auto p-3;
184+
@apply my-0 overflow-x-auto p-2;
189185

190186
/* LineTableTD */
191187
.lntd {

‎hugo_stats.json‎

Lines changed: 56 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@
88
"-mr-8",
99
"-mt-0.5",
1010
"-mt-8",
11+
"-rotate-180",
12+
"-top-10",
1113
"-top-16",
1214
"-v",
1315
"-z-10",
@@ -145,6 +147,10 @@
145147
"admonition-warning",
146148
"aspect-video",
147149
"bake-action",
150+
"bg-Black↔White-Swap-Focus/10",
151+
"bg-Grey-100",
152+
"bg-Grey-200",
153+
"bg-Grey-400",
148154
"bg-amber-500",
149155
"bg-background-light",
150156
"bg-background-toc",
@@ -153,6 +159,7 @@
153159
"bg-blue",
154160
"bg-blue-400",
155161
"bg-blue-500",
162+
"bg-gradient-to-b",
156163
"bg-gradient-to-br",
157164
"bg-gradient-to-r",
158165
"bg-gray-00",
@@ -163,6 +170,7 @@
163170
"bg-gray-700",
164171
"bg-green-400",
165172
"bg-green-500",
173+
"bg-grey-200",
166174
"bg-navbar-bg",
167175
"bg-pattern-blue",
168176
"bg-pattern-purple",
@@ -175,6 +183,7 @@
175183
"block",
176184
"border",
177185
"border-0",
186+
"border-1",
178187
"border-b",
179188
"border-b-4",
180189
"border-blue",
@@ -198,39 +207,41 @@
198207
"card-img",
199208
"card-link",
200209
"card-title",
210+
"chip",
201211
"chroma",
202212
"cls-1",
203213
"cls-2",
204214
"col-start-2",
205215
"containerd-image-store",
206216
"cursor-pointer",
207-
"dark:bg-amber-300",
217+
"dark:bg-amber-400",
208218
"dark:bg-background-dark",
209219
"dark:bg-background-toc",
210220
"dark:bg-blue",
211-
"dark:bg-blue-300",
212221
"dark:bg-blue-400",
213222
"dark:bg-blue-500",
223+
"dark:bg-blue-700",
214224
"dark:bg-blue-800",
225+
"dark:bg-gray-200",
215226
"dark:bg-gray-300",
216227
"dark:bg-gray-400",
217228
"dark:bg-gray-500",
229+
"dark:bg-gray-700",
218230
"dark:bg-gray-800",
219231
"dark:bg-gray-900",
220232
"dark:bg-gray-950",
221-
"dark:bg-green-300",
222233
"dark:bg-green-700",
223234
"dark:bg-green-dark-400",
224235
"dark:bg-navbar-bg-dark",
225-
"dark:bg-red-300",
226-
"dark:bg-violet-300",
236+
"dark:bg-red-400",
227237
"dark:bg-violet-400",
228238
"dark:block",
229239
"dark:border-b-blue-600",
230240
"dark:border-divider-dark",
231241
"dark:border-gray-100",
232242
"dark:border-gray-400",
233243
"dark:border-gray-50",
244+
"dark:border-gray-600",
234245
"dark:border-gray-700",
235246
"dark:border-green-400",
236247
"dark:border-l-magenta-dark",
@@ -246,6 +257,8 @@
246257
"dark:hover:bg-gray-800",
247258
"dark:hover:bg-gray-900",
248259
"dark:hover:text-blue",
260+
"dark:outline-gray-600",
261+
"dark:outline-gray-800",
249262
"dark:prose-invert",
250263
"dark:ring-3-blue-dark-400",
251264
"dark:ring-3-gray-dark-400",
@@ -259,7 +272,6 @@
259272
"dark:text-gray-300",
260273
"dark:text-gray-400",
261274
"dark:text-gray-500",
262-
"dark:text-gray-900",
263275
"dark:text-magenta-dark",
264276
"dark:text-white",
265277
"dark:to-blue-400",
@@ -277,24 +289,29 @@
277289
"flex-[2_2_0%]",
278290
"flex-col",
279291
"flex-col-reverse",
292+
"flex-coljustify-start",
280293
"flex-grow",
281294
"flex-none",
282295
"flex-shrink",
283296
"flex-wrap",
284297
"focus:ring-3-blue-light",
298+
"font-['Roboto_Mono']",
285299
"font-bold",
286300
"font-medium",
301+
"font-normal",
287302
"font-semibold",
288303
"footnote-backref",
289304
"footnote-ref",
290305
"footnotes",
291306
"from-blue-400",
292307
"from-blue-600",
308+
"from-zinc-100/70",
293309
"gap-0",
294310
"gap-1",
295311
"gap-10",
296312
"gap-12",
297313
"gap-2",
314+
"gap-2.5",
298315
"gap-20",
299316
"gap-3",
300317
"gap-4",
@@ -306,12 +323,17 @@
306323
"group-hover:block'",
307324
"group-open:[display:block]",
308325
"group-open:rotate-180",
326+
"h-14",
309327
"h-16",
310328
"h-2",
311329
"h-32",
312330
"h-48",
331+
"h-56",
313332
"h-6",
333+
"h-72",
314334
"h-8",
335+
"h-9",
336+
"h-[832px]",
315337
"h-[calc(100vh-64px)]",
316338
"h-fit",
317339
"h-full",
@@ -355,6 +377,7 @@
355377
"justify-center",
356378
"justify-end",
357379
"justify-evenly",
380+
"justify-start",
358381
"leading-none",
359382
"leading-snug",
360383
"leading-tight",
@@ -385,6 +408,7 @@
385408
"max-w-full",
386409
"max-w-none",
387410
"max-w-xl",
411+
"mb-0",
388412
"mb-1",
389413
"mb-2",
390414
"mb-3",
@@ -434,9 +458,15 @@
434458
"open-kapa-widget",
435459
"openSUSE-and-SLES",
436460
"origin-bottom-right",
461+
"origin-top-left",
437462
"origin-top-right",
438463
"ot-sdk-show-settings",
464+
"outline",
465+
"outline-1",
466+
"outline-Grey-200",
467+
"outline-gray-200",
439468
"outline-hidden",
469+
"outline-offset-[-1px]",
440470
"overflow-clip",
441471
"overflow-hidden",
442472
"overflow-x-auto",
@@ -472,20 +502,25 @@
472502
"px-2",
473503
"px-4",
474504
"px-6",
505+
"py-0.5",
475506
"py-1",
476507
"py-2",
477508
"py-20",
478509
"py-4",
479510
"py-8",
480511
"relative",
512+
"relativeself-stretch",
481513
"right-0",
514+
"right-2",
482515
"right-3",
483516
"right-8",
484517
"ring-3-2",
485518
"ring-3-[1.5px]",
486519
"ring-3-blue-light-400",
487520
"ring-3-gray-light-200",
488521
"rotate-45",
522+
"rounded",
523+
"rounded-3xl",
489524
"rounded-full",
490525
"rounded-sm",
491526
"rounded-sm-b-lg",
@@ -500,6 +535,7 @@
500535
"select-none",
501536
"self-center",
502537
"self-start",
538+
"self-stretch",
503539
"shadow",
504540
"shadow-lg",
505541
"shadow-md",
@@ -520,17 +556,22 @@
520556
"syntax-light",
521557
"systemd-networkd",
522558
"text-2xl",
559+
"text-Grey-500",
560+
"text-Grey-700",
523561
"text-base",
524562
"text-black",
525563
"text-blue",
526564
"text-blue-light",
527565
"text-divider-light",
528566
"text-gray",
529-
"text-gray-100",
530567
"text-gray-200",
568+
"text-gray-300",
531569
"text-gray-400",
570+
"text-gray-500",
532571
"text-gray-600",
572+
"text-gray-700",
533573
"text-gray-800",
574+
"text-gray-900",
534575
"text-left",
535576
"text-lg",
536577
"text-magenta-light",
@@ -541,20 +582,28 @@
541582
"to-50%",
542583
"to-blue-200",
543584
"to-blue-500",
585+
"to-zinc-100",
544586
"toc",
545587
"top-0",
588+
"top-1",
546589
"top-16",
547590
"top-3",
591+
"top-4",
592+
"top-5",
548593
"top-6",
594+
"top-[191px]",
549595
"top-full",
596+
"tracking-tight",
550597
"transition",
551598
"transition-colors",
552599
"transition-transform",
553600
"truncate",
554601
"underline-offset-2",
602+
"w-1",
555603
"w-2",
556604
"w-56",
557605
"w-8",
606+
"w-96",
558607
"w-[1200px]",
559608
"w-fit",
560609
"w-full",

‎layouts/_default/_markup/render-codeblock.html‎

Lines changed: 37 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,47 @@
1-
<div data-pagefind-ignore class="scroll-mt-2" x-data x-ref="root">
1+
<div
2+
data-pagefind-ignore
3+
x-data
4+
x-ref="root"
5+
class="mt-2 mb-4 flex w-full scroll-mt-2 flex-col items-start gap-4 rounded bg-gray-50 p-2 outline outline-1 outline-offset-[-1px] outline-gray-200 dark:bg-gray-900 dark:outline-gray-800"
6+
>
27
{{ with .Attributes.title }}
3-
<div
4-
class="mb-0 rounded-sm border-1 border-b bg-gray-50 p-2 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-200"
5-
>
6-
{{ . }}
8+
<div class="flex w-full items-center gap-2">
9+
<div
10+
class="flex items-center gap-2.5 rounded bg-gray-100 px-2 py-0.5 dark:bg-gray-800"
11+
>
12+
<div class="font-normal text-gray-500 dark:text-gray-200">
13+
{{ . }}
14+
</div>
15+
</div>
716
</div>
817
{{ end }}
9-
<div class="group relative">
10-
<!-- copy button -->
11-
<button
12-
x-data="{ code: '{{ encoding.Base64Encode .Inner }}', copying: false }"
13-
class="absolute top-3 right-3 z-10 text-gray-200 dark:text-gray-500"
14-
title="copy"
15-
@click="window.navigator.clipboard.writeText(atob(code).replaceAll(/^[\$>]\s+/gm, ''));
16-
copying = true;
17-
setTimeout(() => copying = false, 2000);"
18-
>
19-
<span :class="{ 'group-hover:block' : !copying }" class="icon-svg hidden"
20-
>{{ partialCached "icon" "content_copy" "content_copy" }}</span
21-
>
22-
<span :class="{ 'group-hover:block' : copying }" class="icon-svg hidden"
23-
>{{ partialCached "icon" "check_circle" "check_circle" }}</span
24-
>
25-
</button>
18+
<div class="group relative w-full">
2619
{{ $lang := .Type | default "text" }}
2720
{{ $result := transform.Highlight .Inner
2821
$lang .Options
2922
}}
30-
<div class="syntax-light dark:syntax-dark not-prose">
23+
<div class="syntax-light dark:syntax-dark not-prose w-full">
24+
<button
25+
x-data="{ code: '{{ encoding.Base64Encode .Inner }}', copying: false }"
26+
class="{{ if .Attributes.title }}
27+
-top-10
28+
{{ else }}
29+
top-1
30+
{{ end }} absolute right-2 z-10 text-gray-300 dark:text-gray-500"
31+
title="copy"
32+
@click="window.navigator.clipboard.writeText(atob(code).replaceAll(/^[\$>]\s+/gm, ''));
33+
copying = true;
34+
setTimeout(() => copying = false, 2000);"
35+
>
36+
<span
37+
:class="{ 'group-hover:block' : !copying }"
38+
class="icon-svg hidden"
39+
>{{ partialCached "icon" "content_copy" "content_copy" }}</span
40+
>
41+
<span :class="{ 'group-hover:block' : copying }" class="icon-svg hidden"
42+
>{{ partialCached "icon" "check_circle" "check_circle" }}</span
43+
>
44+
</button>
3145
{{ with .Attributes.collapse }}
3246
<div
3347
x-data="{ collapse: true }"

0 commit comments

Comments
 (0)