mirror of
https://github.com/open-reception/appointment-booking-software.git
synced 2026-09-23 09:24:53 +02:00
33 lines
610 B
Svelte
33 lines
610 B
Svelte
<script lang="js">
|
|
let { children, variant, color = "text-darkest", class: className = "" } = $props();
|
|
</script>
|
|
|
|
<p class={[variant, color, className].filter((it) => it).join(" ")}>{@render children?.()}</p>
|
|
|
|
<svelte:head>
|
|
<style>
|
|
.lg {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
}
|
|
.md {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
.sm {
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
.xs {
|
|
font-size: 10px;
|
|
line-height: 1.25;
|
|
}
|
|
.text-darkest {
|
|
color: #000000;
|
|
}
|
|
.text-light {
|
|
color: #888888;
|
|
}
|
|
</style>
|
|
</svelte:head>
|