import{S as U,i as Y,s as ss,C as M,w as ls,x as as,y as os,z as ns,A as R,f as ts,t as es,B as ps,X as V,l as c,r as B,a as g,V as W,e as X,m as i,n as y,u as A,h as o,c as C,W as J,p as L,b as p,G as F,E as Fs}from"../chunks/index-cd58b8d1.js";import{P as rs}from"../chunks/post_layout-9085e57e.js";import"../chunks/posts-c52cb603.js";import"../chunks/title-765c989f.js";import"../chunks/index-81c83cec.js";import"../chunks/post_card-e7f4525a.js";import"../chunks/posts-57ab4794.js";import"../chunks/icon-3aa13b39.js";import"../chunks/head-4a058b17.js";import"../chunks/footer-1abd9501.js";function cs(m){let l,t,r,D,a,e,d,f,b,$,v,u,k,H,h,N=`css
.grid {
display: grid;
gap: 1.2rem;
}
.grid--2--cols {
grid-template-columns: repeat(2, 1fr);
}
.grid--3--cols {
grid-template-columns: repeat(3, 1fr);
}
`,x,E,_,G,w,S,Q=`html
<section class="grid grid--2--cols">
<div>Text1</div>
<div>Text2</div>
</section>
<section class="grid grid--3--cols">
<div>Text1</div>
<div>Text2</div>
<div>Text3</div>
</section>
`,T;return{c(){l=c("ol"),t=c("li"),r=B("\u5148\u8BBE\u7F6E\u4E00\u4E2A class \u4E3A grid\uFF0C\u5E76\u8BBE\u5B9A gap"),D=g(),a=c("li"),e=B("\u5B50\u5143\u7D20\u4E2D\u518D\u8BBE\u7F6E\u5177\u4F53\u7684\u5217\u6570"),d=g(),f=c("p"),b=B("\u5982\u8BBE\u4E00\u4E2A\u4E0A\u4E3A 2 \u5217\u548C\u4E0B\u4E3A 3 \u5217\u7684\u6805\u683C\u5E03\u5C40\uFF1A"),$=g(),v=c("h4"),u=c("a"),k=B("CSS:"),H=g(),h=new W(!1),x=g(),E=c("h4"),_=c("a"),G=B("HTML:"),w=g(),S=new W(!1),T=X(),this.h()},l(s){l=i(s,"OL",{});var n=y(l);t=i(n,"LI",{});var P=y(t);r=A(P,"\u5148\u8BBE\u7F6E\u4E00\u4E2A class \u4E3A grid\uFF0C\u5E76\u8BBE\u5B9A gap"),P.forEach(o),D=C(n),a=i(n,"LI",{});var Z=y(a);e=A(Z,"\u5B50\u5143\u7D20\u4E2D\u518D\u8BBE\u7F6E\u5177\u4F53\u7684\u5217\u6570"),Z.forEach(o),n.forEach(o),d=C(s),f=i(s,"P",{});var I=y(f);b=A(I,"\u5982\u8BBE\u4E00\u4E2A\u4E0A\u4E3A 2 \u5217\u548C\u4E0B\u4E3A 3 \u5217\u7684\u6805\u683C\u5E03\u5C40\uFF1A"),I.forEach(o),$=C(s),v=i(s,"H4",{id:!0});var j=y(v);u=i(j,"A",{href:!0});var q=y(u);k=A(q,"CSS:"),q.forEach(o),j.forEach(o),H=C(s),h=J(s,!1),x=C(s),E=i(s,"H4",{id:!0});var z=y(E);_=i(z,"A",{href:!0});var O=y(_);G=A(O,"HTML:"),O.forEach(o),z.forEach(o),w=C(s),S=J(s,!1),T=X(),this.h()},h(){L(u,"href","#css"),L(v,"id","css"),h.a=x,L(_,"href","#html"),L(E,"id","html"),S.a=T},m(s,n){p(s,l,n),F(l,t),F(t,r),F(l,D),F(l,a),F(a,e),p(s,d,n),p(s,f,n),F(f,b),p(s,$,n),p(s,v,n),F(v,u),F(u,k),p(s,H,n),h.m(N,s,n),p(s,x,n),p(s,E,n),F(E,_),F(_,G),p(s,w,n),S.m(Q,s,n),p(s,T,n)},p:Fs,d(s){s&&o(l),s&&o(d),s&&o(f),s&&o($),s&&o(v),s&&o(H),s&&h.d(),s&&o(x),s&&o(E),s&&o(w),s&&o(T),s&&S.d()}}}function is(m){let l,t;const r=[m[0],K];let D={$$slots:{default:[cs]},$$scope:{ctx:m}};for(let a=0;a{t(0,l=M(M({},l),V(r)))},l=V(l),[l]}class hs extends U{constructor(l){super(),Y(this,l,ys,is,ss,{})}}export{hs as default,K as metadata};