1import{d as p,b as s}from"./ClgQXMoz.js";import{_ as t,o as c,O as d,w as o,a as e}from"./B4ZmscOv.js";import{a as l}from"./5D6EczKd.js";import"./oNHrlTz8.js";import"./CRsmbMAM.js";import"./zbKDdeN3.js";import"./JqdTGXnT.js";import"./OTYkPJ3m.js";import"./dc7ZrG7M.js";import"./CjfaRa8u.js";import"./Dxih5veI.js";import"./CbR3AgpV.js";import"./Ij7l6LAn.js";const m={components:{VaCard:l}};function g(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row"},[e("div",{class:"flex flex-col w-full"},[e("div",{class:"item"}," Now I'm flexible ")])],-1)])),_:1})}const u=t(m,[["render",g],["__scopeId","data-v-0b54c95b"]]),y=`<template> 2 <VaCard 3 color="background-element" 4 class="p" 5 > 6 <div class="row"> 7 <div 8 class="flex flex-col w-full" 9 > 10 <div class="item"> 11 Now I'm flexible 12 </div> 13 </div> 14 </div> 15 </VaCard> 16</template> 17 18<script> 19import { VaCard } from "vuestic-ui"; 20export default { 21 components: { VaCard }, 22}; 23<\/script> 24 25<style lang="scss" scoped> 26@import "vuestic-ui/styles/grid"; 27 28.item { 29 border: 1px solid var(--va-background-border); 30 background-color: var(--va-background-primary); 31 text-align: center; 32} 33</style> 34`,b={};function h(r,n){const a=l;return c(),d(a,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row"},[e("div",{class:"flex flex-col md12"},[e("div",{class:"item"}," md12 ")]),e("div",{class:"flex flex-col md6"},[e("div",{class:"item"}," md6 ")]),e("div",{class:"flex flex-col md6"},[e("div",{class:"item"}," md6 ")])],-1),e("br",null,null,-1),e("div",{class:"row"},[e("div",{class:"flex flex-col md12"},[e("div",{class:"item"}," md12 ")]),e("div",{class:"flex flex-col md9"},[e("div",{class:"item"}," md9 ")]),e("div",{class:"flex flex-col md3"},[e("div",{class:"item"}," md3 ")])],-1)])),_:1})}const w=t(b,[["render",h],["__scopeId","data-v-0d3d73cc"]]),_=`<template> 35 <VaCard 36 color="background-element" 37 class="p-3" 38 > 39 <div class="row"> 40 <div class="flex flex-col md12"> 41 <div class="item"> 42 md12 43 </div> 44 </div> 45 <div class="flex flex-col md6"> 46 <div class="item"> 47 md6 48 </div> 49 </div> 50 <div class="flex flex-col md6"> 51 <div class="item"> 52 md6 53 </div> 54 </div> 55 </div> 56 <br> 57 <div class="row"> 58 <div class="flex flex-col md12"> 59 <div class="item"> 60 md12 61 </div> 62 </div> 63 <div class="flex flex-col md9"> 64 <div class="item"> 65 md9 66 </div> 67 </div> 68 <div class="flex flex-col md3"> 69 <div class="item"> 70 md3 71 </div> 72 </div> 73 </div> 74 </VaCard> 75</template> 76 77<style lang="scss" scoped> 78@import "vuestic-ui/styles/grid"; 79 80.item { 81 border: 1px solid var(--va-background-border); 82 background-color: var(--va-background-primary); 83 text-align: center; 84} 85</style> 86`,j={components:{VaCard:l}};function k(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row"},[e("div",{class:"flex flex-col xs1 offset-md3 offset-lg2"},[e("div",{class:"item"}," First ")]),e("div",{class:"flex flex-col xs1 offset-md1 offset-lg3"},[e("div",{class:"item"}," Second ")]),e("div",{class:"flex flex-col xs1 offset-md2 offset-lg1"},[e("div",{class:"item"}," Last ")])],-1),e("br",null,null,-1),e("div",{class:"row"},[e("div",{class:"flex flex-col xs1 offset-md4 offset-lg1"},[e("div",{class:"item"}," First ")]),e("div",{class:"flex flex-col xs1 offset-md2 offset-lg2"},[e("div",{class:"item"}," Second ")]),e("div",{class:"flex flex-col xs1 offset-md1 offset-lg6"},[e("div",{class:"item"}," Last ")])],-1)])),_:1})}const C=t(j,[["render",k],["__scopeId","data-v-b529f5a8"]]),V=`<template> 87 <VaCard 88 color="background-element" 89 class="p-3" 90 > 91 <div class="row"> 92 <div class="flex flex-col xs1 offset-md3 offset-lg2"> 93 <div class="item"> 94 First 95 </div> 96 </div> 97 <div class="flex flex-col xs1 offset-md1 offset-lg3"> 98 <div class="item"> 99 Second 100 </div> 101 </div> 102 <div class="flex flex-col xs1 offset-md2 offset-lg1"> 103 <div class="item"> 104 Last 105 </div> 106 </div> 107 </div> 108 <br> 109 <div class="row"> 110 <div class="flex flex-col xs1 offset-md4 offset-lg1"> 111 <div class="item"> 112 First 113 </div> 114 </div> 115 <div class="flex flex-col xs1 offset-md2 offset-lg2"> 116 <div class="item"> 117 Second 118 </div> 119 </div> 120 <div class="flex flex-col xs1 offset-md1 offset-lg6"> 121 <div class="item"> 122 Last 123 </div> 124 </div> 125 </div> 126 </VaCard> 127</template> 128 129<script> 130import { VaCard } from "vuestic-ui"; 131export default { 132 components: { VaCard }, 133}; 134<\/script> 135 136<style lang="scss" scoped> 137@import "vuestic-ui/styles/grid"; 138 139.item { 140 border: 1px solid var(--va-background-border); 141 background-color: var(--va-background-primary); 142 text-align: center; 143} 144</style> 145`,$={components:{VaCard:l}};function S(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row align-start"},[e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-start ")])],-1),e("div",{class:"row align-end"},[e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-end ")])],-1),e("div",{class:"row items-center"},[e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}
145," items-center ")])],-1),e("div",{class:"row align-baseline"},[e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-baseline ")])],-1)])),_:1})}const A=t($,[["render",S],["__scopeId","data-v-e01fde7c"]]),I=`<template> 146 <VaCard 147 color="background-element" 148 class="p-3" 149 > 150 <!-- align--start --> 151 <div class="row align-start"> 152 <div class="flex flex-col xs12"> 153 <div class="item"> 154 align-start 155 </div> 156 </div> 157 </div> 158 159 <!-- align-end --> 160 <div class="row align-end"> 161 <div class="flex flex-col xs12"> 162 <div class="item"> 163 align-end 164 </div> 165 </div> 166 </div> 167 168 <!-- items-center --> 169 <div class="row items-center"> 170 <div class="flex flex-col xs12"> 171 <div class="item"> 172 items-center 173 </div> 174 </div> 175 </div> 176 177 <!-- align-baseline --> 178 <div class="row align-baseline"> 179 <div class="flex flex-col xs12"> 180 <div class="item"> 181 align-baseline 182 </div> 183 </div> 184 </div> 185 </VaCard> 186</template> 187 188<script> 189import { VaCard } from "vuestic-ui"; 190 191export default { 192 components: { VaCard }, 193}; 194<\/script> 195 196<style lang="scss" scoped> 197@import "vuestic-ui/styles/grid"; 198 199.row { 200 min-height: 6rem; 201 202 & + .row { 203 border-top: 1px solid var(--va-background-border); 204 } 205} 206 207.item { 208 border: 1px solid var(--va-background-border); 209 background-color: var(--va-background-primary); 210 text-align: center; 211} 212</style> 213`,B={components:{VaCard:l}};function T(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row"},[e("div",{class:"flex flex-col xs3 align-self-start"},[e("div",{class:"item"}," align-self-start ")]),e("div",{class:"flex flex-col xs3 align-self-end"},[e("div",{class:"item"}," align-self-end ")]),e("div",{class:"flex flex-col xs3 align-self-center"},[e("div",{class:"item"}," align-self-center ")]),e("div",{class:"flex flex-col xs3 align-self-baseline"},[e("div",{class:"item"}," align-self-baseline ")])],-1)])),_:1})}const D=t(B,[["render",T],["__scopeId","data-v-2fe5e4b4"]]),L=`<template> 214 <VaCard 215 color="background-element" 216 class="p-3" 217 > 218 <div class="row"> 219 <!-- align-self-start --> 220 <div class="flex flex-col xs3 align-self-start"> 221 <div class="item"> 222 align-self-start 223 </div> 224 </div> 225 226 <!-- align-self-end --> 227 <div class="flex flex-col xs3 align-self-end"> 228 <div class="item"> 229 align-self-end 230 </div> 231 </div> 232 233 <!-- align-self-center --> 234 <div class="flex flex-col xs3 align-self-center"> 235 <div class="item"> 236 align-self-center 237 </div> 238 </div> 239 240 <!-- align-self-baseline --> 241 <div class="flex flex-col xs3 align-self-baseline"> 242 <div class="item"> 243 align-self-baseline 244 </div> 245 </div> 246 </div> 247 </VaCard> 248</template> 249 250<script> 251import { VaCard } from "vuestic-ui"; 252 253export default { 254 components: { VaCard }, 255}; 256<\/script> 257 258<style lang="scss" scoped> 259@import "vuestic-ui/styles/grid"; 260 261.row { 262 min-height: 6rem; 263 264 & + .row { 265 border-top: 1px solid var(--va-background-border); 266 } 267} 268 269.item { 270 border: 1px solid var(--va-background-border); 271 background-color: var(--va-background-primary); 272 text-align: center; 273} 274</style> 275`,O={components:{VaCard:l}};function E(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row align-content-start"},[e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-start ")]),e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-start ")]),e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-content-start ")])],-1),e("div",{class:"row align-content-end"},[e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-end ")]),e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-end ")]),e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-content-end ")])],-1),e("div",{class:"row align-content-center"},[e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}
275," align-content-center ")]),e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-center ")]),e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-content-center ")])],-1),e("div",{class:"row align-content-space-between"},[e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-space-between ")]),e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-space-between ")]),e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-content-space-between ")])],-1),e("div",{class:"row align-content-space-around"},[e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-space-around ")]),e("div",{class:"flex flex-col xs6"},[e("div",{class:"item"}," align-content-space-around ")]),e("div",{class:"flex flex-col xs12"},[e("div",{class:"item"}," align-content-space-around ")])],-1)])),_:1})}const F=t(O,[["render",E],["__scopeId","data-v-956fdee0"]]),q=`<template> 276 <VaCard 277 color="background-element" 278 class="p-3" 279 > 280 <!-- align-content-start --> 281 <div class="row align-content-start"> 282 <div class="flex flex-col xs6"> 283 <div class="item"> 284 align-content-start 285 </div> 286 </div> 287 <div class="flex flex-col xs6"> 288 <div class="item"> 289 align-content-start 290 </div> 291 </div> 292 <div class="flex flex-col xs12"> 293 <div class="item"> 294 align-content-start 295 </div> 296 </div> 297 </div> 298 299 <!-- align-content-end --> 300 <div class="row align-content-end"> 301 <div class="flex flex-col xs6"> 302 <div class="item"> 303 align-content-end 304 </div> 305 </div> 306 <div class="flex flex-col xs6"> 307 <div class="item"> 308 align-content-end 309 </div> 310 </div> 311 <div class="flex flex-col xs12"> 312 <div class="item"> 313 align-content-end 314 </div> 315 </div> 316 </div> 317 318 <!-- align-content-center --> 319 <div class="row align-content-center"> 320 <div class="flex flex-col xs6"> 321 <div class="item"> 322 align-content-center 323 </div> 324 </div> 325 <div class="flex flex-col xs6"> 326 <div class="item"> 327 align-content-center 328 </div> 329 </div> 330 <div class="flex flex-col xs12"> 331 <div class="item"> 332 align-content-center 333 </div> 334 </div> 335 </div> 336 337 <!-- align-content-space-between --> 338 <div class="row align-content-space-between"> 339 <div class="flex flex-col xs6"> 340 <div class="item"> 341 align-content-space-between 342 </div> 343 </div> 344 <div class="flex flex-col xs6"> 345 <div class="item"> 346 align-content-space-between 347 </div> 348 </div> 349 <div class="flex flex-col xs12"> 350 <div class="item"> 351 align-content-space-between 352 </div> 353 </div> 354 </div> 355 356 <!-- align-content-space-around --> 357 <div class="row align-content-space-around"> 358 <div class="flex flex-col xs6"> 359 <div class="item"> 360 align-content-space-around 361 </div> 362 </div> 363 <div class="flex flex-col xs6"> 364 <div class="item"> 365 align-content-space-around 366 </div> 367 </div> 368 <div class="flex flex-col xs12"> 369 <div class="item"> 370 align-content-space-around 371 </div> 372 </div> 373 </div> 374 </VaCard> 375</template> 376 377<script> 378import { VaCard } from "vuestic-ui"; 379 380export default { 381 components: { VaCard }, 382}; 383<\/script> 384 385<style lang="scss" scoped> 386@import "vuestic-ui/styles/grid"; 387 388.row { 389 min-height: 10rem; 390 391 & + .row { 392 border-top: 1px solid var(--va-background-border); 393 } 394} 395 396.item { 397 border: 1px solid var(--va-background-border); 398 background-color: var(--va-background-primary); 399 text-align: center; 400} 401</style> 402`,J={components:{VaCard:l}};function N(r,n,a,v,f,x){const i=l;return c(),d(i,{color:"background-element",class:"p-3"},{default:o(()=>n[0]||(n[0]=[e("div",{class:"row justify-start"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-start ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-start ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-start ")])],-1),e("div",{class:"row justify-end"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-end ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-end ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-end ")])],-1),e("div",{class:"row justify-center"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}
402," justify-center ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-center ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-center ")])],-1),e("div",{class:"row justify-space-between"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space ")])],-1),e("div",{class:"row justify-space-around"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-around ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-around ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-around ")])],-1),e("div",{class:"row justify-space-evenly"},[e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space-evenly ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space-evenly ")]),e("div",{class:"flex flex-col xs2"},[e("div",{class:"item"}," justify-space-evenly ")])],-1)])),_:1})}const U=t(J,[["render",N],["__scopeId","data-v-0e0a1f88"]]),G=`<template> 403 <VaCard 404 color="background-element" 405 class="p-3" 406 > 407 <!-- justify--start --> 408 <div class="row justify-start"> 409 <div class="flex flex-col xs2"> 410 <div class="item"> 411 justify-start 412 </div> 413 </div> 414 <div class="flex flex-col xs2"> 415 <div class="item"> 416 justify-start 417 </div> 418 </div> 419 <div class="flex flex-col xs2"> 420 <div class="item"> 421 justify-start 422 </div> 423 </div> 424 </div> 425 426 <!-- justify-end --> 427 <div class="row justify-end"> 428 <div class="flex flex-col xs2"> 429 <div class="item"> 430 justify-end 431 </div> 432 </div> 433 <div class="flex flex-col xs2"> 434 <div class="item"> 435 justify-end 436 </div> 437 </div> 438 <div class="flex flex-col xs2"> 439 <div class="item"> 440 justify-end 441 </div> 442 </div> 443 </div> 444 445 <!-- justify-center --> 446 <div class="row justify-center"> 447 <div class="flex flex-col xs2"> 448 <div class="item"> 449 justify-center 450 </div> 451 </div> 452 <div class="flex flex-col xs2"> 453 <div class="item"> 454 justify-center 455 </div> 456 </div> 457 <div class="flex flex-col xs2"> 458 <div class="item"> 459 justify-center 460 </div> 461 </div> 462 </div> 463 464 <!-- justify-space-between --> 465 <div class="row justify-space-between"> 466 <div class="flex flex-col xs2"> 467 <div class="item"> 468 justify-space 469 </div> 470 </div> 471 <div class="flex flex-col xs2"> 472 <div class="item"> 473 justify-space 474 </div> 475 </div> 476 <div class="flex flex-col xs2"> 477 <div class="item"> 478 justify-space 479 </div> 480 </div> 481 </div> 482 483 <!-- justify-space-around --> 484 <div class="row justify-space-around"> 485 <div class="flex flex-col xs2"> 486 <div class="item"> 487 justify-around 488 </div> 489 </div> 490 <div class="flex flex-col xs2"> 491 <div class="item"> 492 justify-around 493 </div> 494 </div> 495 <div class="flex flex-col xs2"> 496 <div class="item"> 497 justify-around 498 </div> 499 </div> 500 </div> 501 502 <!-- justify-space-evenly --> 503 <div class="row justify-space-evenly"> 504 <div class="flex flex-col xs2"> 505 <div class="item"> 506 justify-space-evenly 507 </div> 508 </div> 509 <div class="flex flex-col xs2"> 510 <div class="item"> 511 justify-space-evenly 512 </div> 513 </div> 514 <div class="flex flex-col xs2"> 515 <div class="item"> 516 justify-space-evenly 517 </div> 518 </div> 519 </div> 520 </VaCard> 521</template> 522 523<script> 524import { VaCard } from "vuestic-ui"; 525 526export default { 527 components: { VaCard }, 528}; 529<\/script> 530 531<style lang="scss" scoped> 532@import "vuestic-ui/styles/grid"; 533 534.row + .row { 535 border-top: 1px solid var(--va-background-border); 536} 537 538.item { 539 border: 1px solid var(--va-background-border); 540 background-color: var(--va-background-primary); 541 text-align: center; 542} 543</style> 544`,ne=p({blocks:[s.title("Grid System"),s.paragraph("Vuestic UI provides you with some flexbox helper classes. Of course, you can opt out using CSS Grid instead (or any other layout-scheme you'd like), but if you prefer using flexbox, we've got you covered. Still, the final decision is totally up to you."),s.alert("CSS helpers and the CSS reset file will remain in the Vuestic UI bundle until version 1.7.0, after which they will be permanently removed. We suggest to use Tailwind CSS instead.","warning",!0),s.example(u,y,"page-config/styles/grid/examples/Default.vue",{title:"Enabling flexbox"}),s.headline("Breakpoints"),s.paragraph("Use the following classes (`breakpoints`) to apply provided styling to screens of certain widths exclusively."),s.paragraph("`.xs` - (< 640px) - Extra small devices"),s.paragraph("`.sm` - (>= 640px && < 1024px) - Small devices"),s.paragraph("`.md` - (>
544= 1024px && < 1440px) - Medium devices"),s.paragraph("`.lg` - (>= 1440px && < 1920px) - Large devices"),s.paragraph("`.xl` - (>= 1920) - Extra large devices"),s.example(w,_,"page-config/styles/grid/examples/Breakpoints.vue",{hideTitle:!0}),s.headline("Offsets"),s.paragraph("You can use the `offset`-classes to set spaces between a given element and the one to the left from it."),s.paragraph("`.offset-xs` - Extra small devices"),s.paragraph("`.offset-sm` - Small devices"),s.paragraph("`.offset-md` - Medium devices"),s.paragraph("`.offset-lg` - Large devices"),s.paragraph("`.offset-xl` - Extra large devices"),s.example(C,V,"page-config/styles/grid/examples/Offsets.vue",{hideTitle:!0}),s.subtitle("API"),s.headline("`align`:"),s.paragraph("`.align-start` - cross-start margin edge of the items is placed on the cross-start line"),s.paragraph("`.align-end` - cross-end margin edge of the items is placed on the cross-end line"),s.paragraph("`.align-center` - items are centered in the cross-axis"),s.paragraph("`.align-baseline` - items are aligned the way their baselines align"),s.example(A,I,"page-config/styles/grid/examples/AlignDefault.vue",{hideTitle:!0}),s.headline("`align-self`:"),s.paragraph("`.align-self-start` - cross-start margin edge of the items is placed on the cross-start line"),s.paragraph("`.align-self-end` - cross-end margin edge of the items is placed on the cross-end line"),s.paragraph("`.align-self-center` - items are centered in the cross-axis"),s.paragraph("`.align-self-baseline` - items are aligned the way their baselines align"),s.example(D,L,"page-config/styles/grid/examples/AlignSelf.vue",{hideTitle:!0}),s.headline("`align-content`:"),s.paragraph("`.align-content-start` - lines packed to the start of the container"),s.paragraph("`.align-content-end` - lines packed to the end of the container"),s.paragraph("`.align-content-center` - lines packed to the center of the container"),s.paragraph("`.align-content-space-between` - lines evenly distributed; the first line is at the start of the container while the last one is at the end"),s.paragraph("`.align-content-space-around` - lines evenly distributed with equal space between them"),s.example(F,q,"page-config/styles/grid/examples/AlignContent.vue",{hideTitle:!0}),s.headline("`justify`:"),s.paragraph("`.justify-start` - items are packed toward the start line"),s.paragraph("`.justify-end` - items are packed toward to end line"),s.paragraph("`.justify-center` - items are centered along the line"),s.paragraph("`.justify-space-around` - items are evenly distributed in the line, items have equal space around on either end"),s.paragraph("`.justify-space-between` - items are evenly distributed in the line; first item is on the start line, last item is on the end line"),s.paragraph("`.justify-space-evenly` - items are evenly distributed in the line; items have equal space around them"),s.example(U,G,"page-config/styles/grid/examples/AlignJustify.vue",{hideTitle:!0})]});
544export{ne as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.