2021-01-27 03:40:44 +13:00
|
|
|
<script>
|
|
|
|
import { getContext } from "svelte"
|
2021-01-30 02:22:38 +13:00
|
|
|
const { builderStore } = getContext("sdk")
|
2021-01-27 03:40:44 +13:00
|
|
|
</script>
|
|
|
|
|
|
|
|
{#if $builderStore.inBuilder}
|
2021-01-30 02:22:38 +13:00
|
|
|
<div>
|
2021-01-27 03:40:44 +13:00
|
|
|
<slot />
|
|
|
|
</div>
|
|
|
|
{/if}
|
2021-01-30 02:22:38 +13:00
|
|
|
|
|
|
|
<style>
|
|
|
|
div {
|
|
|
|
height: var(
|
|
|
|
--spectrum-alias-item-height-m,
|
|
|
|
var(--spectrum-global-dimension-size-400)
|
|
|
|
);
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: center;
|
|
|
|
color: var(--spectrum-global-color-gray-600);
|
|
|
|
font-size: var(
|
|
|
|
--spectrum-alias-item-text-size-m,
|
|
|
|
var(--spectrum-global-dimension-font-size-100)
|
|
|
|
);
|
|
|
|
font-style: var(--spectrum-global-font-style-italic, italic);
|
|
|
|
font-weight: var(--spectrum-global-font-weight-regular, 400);
|
|
|
|
}
|
|
|
|
</style>
|