37 lines
650 B
Svelte
37 lines
650 B
Svelte
<script>
|
|
export let title = '';
|
|
export let noPadding = false;
|
|
let contentClass = 'padding';
|
|
if (noPadding) {
|
|
contentClass = '';
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#card {
|
|
border: 1px solid lightgray;
|
|
margin-bottom: 16px;
|
|
}
|
|
#title {
|
|
font-family: 'Playfair Display', serif;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid lightgray;
|
|
font-size: 1.25rem;
|
|
background-color: #1e60ab;
|
|
color: #eaebef;
|
|
}
|
|
#content {
|
|
padding-top: 8px;
|
|
}
|
|
.padding {
|
|
padding: 8px;
|
|
}
|
|
</style>
|
|
|
|
<div id="card">
|
|
<div id="title" class="padding">{title}</div>
|
|
<div id="content" class={contentClass}>
|
|
<slot />
|
|
</div>
|
|
</div>
|