11 lines
1.7 KiB
JavaScript
11 lines
1.7 KiB
JavaScript
import{f as o,a as s}from"./props-b4vEeO_8.js";import{B as h,C as g,F as _,J as v,G as P}from"./runtime-C3rQLW--.js";import{s as k}from"./attributes-Cg6aLqN3.js";import{i as $}from"./lifecycle-F2p_Qkk3.js";import{c as b,d as R}from"./create-runtime-stories-7AWWVphH.js";import{P as a}from"./PaddingReset-_TGvg1_B.js";import{B as w}from"./Block-D3Ui8rd-.js";const B=""+new URL("shark-BvMOz9gh.jpg",import.meta.url).href,r={title:"Components/Page layout/PaddingReset",component:a},{Story:y}=R();var S=o('<div class="body-note">A caption for the image that is padded when its containing <code class="svelte-1m7udx5">Block</code> is fluid.</div>'),D=o('<img alt="shark" class="fmb-1"/> <!>',1);function i(n,d){h(d,!1);let l="fluid";$(),y(n,{name:"Demo",children:(c,j)=>{w(c,{width:l,children:(m,x)=>{var e=D(),t=g(e),f=_(t,2);a(f,{containerIsFluid:!0,children:(p,M)=>{var u=S();s(p,u)},$$slots:{default:!0}}),v(()=>k(t,"src",B)),s(m,e)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<!-- Fluid block -->
|
|
<Block {width}>
|
|
<img src={sharkSrc} alt="shark" class="fmb-1" />
|
|
<PaddingReset containerIsFluid={width === 'fluid' ? true : false}>
|
|
<div class="body-note">
|
|
A caption for the image that is padded when its containing <code
|
|
>Block</code
|
|
> is fluid.
|
|
</div>
|
|
</PaddingReset>
|
|
</Block>`}}}),P()}i.__docgen={version:3,name:"PaddingReset.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const C=b(i,r),F=["Demo"],O=C.Demo,T=Object.freeze(Object.defineProperty({__proto__:null,Demo:O,__namedExportsOrder:F,default:r},Symbol.toStringTag,{value:"Module"}));export{O as D,T as P};
|