2021-04-14 10:53:23 +02:00
|
|
|
<script>
|
2021-04-30 13:39:42 +02:00
|
|
|
import "@spectrum-css/typography/dist/index-vars.css"
|
2021-04-14 10:53:23 +02:00
|
|
|
|
2021-04-30 13:39:42 +02:00
|
|
|
// Sizes
|
|
|
|
export let size = "M"
|
2021-04-14 10:53:23 +02:00
|
|
|
|
2021-04-30 13:39:42 +02:00
|
|
|
export let serif = false
|
2021-04-14 10:53:23 +02:00
|
|
|
</script>
|
|
|
|
|
2021-04-30 13:39:42 +02:00
|
|
|
<p
|
|
|
|
class="spectrum-Detail spectrum-Detail--size{size}"
|
|
|
|
class:spectrum-Detail--serif={serif}
|
|
|
|
>
|
|
|
|
<slot />
|
|
|
|
</p>
|
2021-12-15 16:54:33 +01:00
|
|
|
|
|
|
|
<style>
|
|
|
|
p {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
</style>
|