blob: 63506c8599ad403685882789979b647e3eb9a431 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
---
const { class: className = '', style: _style, pad = 1, ...props } = Astro.props;
let style;
if (_style) {
style = `${_style}; --pad: ${pad};`
} else {
style = `--pad: ${pad};`
}
---
<section class={className} style={style} {...props}>
<slot />
</section>
<style>
section {
background: var(--background, var(--color-tan));
padding: 0 0 calc(var(--size-1000) * var(--pad, 1)) 0;
}
</style>
|
