24 lines
519 B
Svelte
24 lines
519 B
Svelte
<!-- @component `PaddingReset` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-page-layout-paddingreset--docs) -->
|
|
<script>
|
|
/**
|
|
* If parent container is fluid, which resets the padding around contained elements.
|
|
*/
|
|
export let containerIsFluid = true;
|
|
</script>
|
|
|
|
{#if containerIsFluid}
|
|
<div>
|
|
<!-- Padded content -->
|
|
<slot />
|
|
</div>
|
|
{:else}
|
|
<!-- Padded content -->
|
|
<slot />
|
|
{/if}
|
|
|
|
<style>
|
|
div {
|
|
width: 100%;
|
|
padding: 0 15px;
|
|
}
|
|
</style>
|