nobbz.dev
1---
2// SPDX-FileCopyrightText: 2025 Norbert Melzer
3// SPDX-FileContributor: Norbert Melzer
4//
5// SPDX-License-Identifier: MIT
6
7const { class: classes, ...props } = Astro.props;
8---
9
10<div
11 class:list={[
12 "md:relative",
13 "md:left-[calc((var(--content-width)-(var(--box-width)*0.95))/2-theme(padding.2))]",
14 "md:w-[calc(var(--box-width)*0.95)]",
15 "bg-pen",
16 "bg-box",
17 "px-[calc(2.25em+theme(padding.2)*2)]",
18 "py-[calc((2.25em+theme(padding.2)*2)/4)]",
19 "bg-no-repeat",
20 "shadow-xl",
21 "my-5",
22 "rounded-md",
23 "border-solid",
24 "border-[var(--highlight-color)]",
25 "border-2",
26 classes,
27 ]}
28 {...props}
29>
30 <slot />
31</div>