You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
463 B
28 lines
463 B
<script>
|
|
export let label = "Label";
|
|
export let value = "";
|
|
</script>
|
|
|
|
<div class="property">
|
|
<div class="property-label">{label}:</div>
|
|
<div class="property-value"><slot>{value}</slot></div>
|
|
</div>
|
|
|
|
<style>
|
|
div.property {
|
|
padding: 0.5em 1ch;
|
|
}
|
|
|
|
div.property-label {
|
|
font-size: 0.75em;
|
|
font-weight: 800;
|
|
}
|
|
|
|
div.property-value {
|
|
font-size: 1em;
|
|
}
|
|
|
|
:global(form) div.property:last-of-type {
|
|
margin-bottom: 1em;
|
|
}
|
|
</style>
|