Publish documentation on Github.

docs/assets/breakpoints-KCxooW19.js → docs/assets/breakpoints-WdHT4znS.js

@@ -1,4 +1,4 @@
-import{r as i,o as g,g as b,a as l,w as s,b as t,d as n,h as u,t as f,n as y,_ as c}from"./index-CM5cc9pa.js";const k={class:"title2 mt0"};function w(a,e){const o=i("title-link"),m=i("router-link"),x=i("w-card"),r=i("example"),d=i("ssh-pre"),p=i("alert");return g(),b("main",null,[l(o,{class:"mt4",h1:""},{default:s(()=>e[0]||(e[0]=[t("Breakpoints")])),_:1}),l(o,{h2:""},{default:s(()=>e[1]||(e[1]=[t("What is this for?")])),_:1}),e[37]||(e[37]=n("p",null,[t("If you are not familiar with breakpoints, you should first read about it."),n("br"),t(`
+import{r as i,o as g,g as b,a as l,w as s,b as t,d as n,h as u,t as f,n as y,_ as c}from"./index-CyDhd-Z0.js";const k={class:"title2 mt0"};function w(a,e){const o=i("title-link"),m=i("router-link"),x=i("w-card"),r=i("example"),d=i("ssh-pre"),p=i("alert");return g(),b("main",null,[l(o,{class:"mt4",h1:""},{default:s(()=>e[0]||(e[0]=[t("Breakpoints")])),_:1}),l(o,{h2:""},{default:s(()=>e[1]||(e[1]=[t("What is this for?")])),_:1}),e[37]||(e[37]=n("p",null,[t("If you are not familiar with breakpoints, you should first read about it."),n("br"),t(`
 The breakpoints are usually useful when you want to change the layout for a particular viewport width.`),n("br"),t(`
 In Wave UI, you can use them in different ways:`)],-1)),n("ul",null,[e[13]||(e[13]=n("li",null,"Access the current breakpoint in JavaScript",-1)),n("li",null,[e[3]||(e[3]=t("Use responsive grids with breakpoint-specific classes. Read more in")),l(m,{class:"ml1",to:"/layout--grid-system"},{default:s(()=>e[2]||(e[2]=[t("Layout > Grid system")])),_:1}),e[4]||(e[4]=t("."))]),n("li",null,[e[6]||(e[6]=t("Use breakpoint-specific layout classes like ")),e[7]||(e[7]=n("code",null,"sm-hide",-1)),e[8]||(e[8]=t(" or ")),e[9]||(e[9]=n("code",null,"lgu-text-center",-1)),e[10]||(e[10]=t(" and many other.")),e[11]||(e[11]=n("br",null,null,-1)),e[12]||(e[12]=t(`
 All the layout classes presented in: `)),l(m,{class:"ml1",to:"/layout--flex"},{default:s(()=>e[5]||(e[5]=[t("Layout > Flex")])),_:1})])]),l(o,{h2:""},{default:s(()=>e[14]||(e[14]=[t("Default breakpoints")])),_:1}),e[38]||(e[38]=u('<p class="mt6">By default, 5 breakpoints are set:</p><ul><li class="mb1"><code class="mr2">xs</code><span>from 0 to 600px</span></li><li class="mb1"><code class="mr2">sm</code><span>from 601px to 900px</span></li><li class="mb1"><code class="mr2">md</code><span>from 901px to 1200px</span></li><li class="mb1"><code class="mr2">lg</code><span>from 1201px to 1700px</span></li><li class="mb1"><code class="mr2">xl</code><span>from 1701px and more</span></li></ul>',2)),l(o,{h2:"",slug:"the-wave-ui-breakpoint-object"},{default:s(()=>e[15]||(e[15]=[t("The "),n("code",null,"$waveui.breakpoint",-1),t(" object")])),_:1}),e[39]||(e[39]=u(`<p class="mt4">You can access the current breakpoint from anywhere using