{"version":3,"sources":["webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridBasicGrid.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridBasicGrid.vue?3fcf","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue","webpack:///src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue?09c1","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue?ac8f","webpack:///./src/views/ui-elements/grid/tailwind/GridMixedColumnSizes.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridMixedColumnSizes.vue?45a4","webpack:///./src/views/ui-elements/grid/tailwind/GridWrappingColumns.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridWrappingColumns.vue?29c0","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnSpacing.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnSpacing.vue?ab6d","webpack:///./src/views/ui-elements/grid/tailwind/GridAutoColumnWidth.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridAutoColumnWidth.vue?49c2","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnOrder.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnOrder.vue?5faa","webpack:///./src/views/ui-elements/grid/tailwind/GridSimpleOffset.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridSimpleOffset.vue?e28a","webpack:///src/views/ui-elements/grid/tailwind/GridTailwind.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?0d8b","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?335d","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?6281"],"names":["render","_vm","this","_c","_self","attrs","staticRenderFns","_v","staticClass","slot","script","component","on","$event","colClass","class","data","components","GridBasicGrid","GridResponsiveGrids","GridMixedColumnSizes","GridWrappingColumns","GridColumnSpacing","GridAutoColumnWidth","GridSimpleOffset","GridColumnOrder"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,uBAAuB,CAACF,EAAG,mBAAmBA,EAAG,yBAAyBA,EAAG,2BAA2BA,EAAG,yBAAyBA,EAAG,uBAAuBA,EAAG,0BAA0BA,EAAG,uBAAuB,IAE1SG,EAAkB,GCFlBN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,cAAc,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,qBAAqBJ,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,+CAA+C,IAAM,aAAa,CAACJ,EAAIM,GAAG,aAAaN,EAAIM,GAAG,SAASJ,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,qCAAqC,IAAM,aAAa,CAACJ,EAAIM,GAAG,sBAAsBN,EAAIM,GAAG,yCAAyCJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,iBAAiBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,i+CAAm/C,IAEn4JD,EAAkB,G,YCDlBI,EAAS,GAKTC,EAAY,eACdD,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAC,E,QCjBXX,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,mBAAmB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,yFAAyFJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,YAAY,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIa,SAAW,YAAY,CAACb,EAAIM,GAAG,kBAAkBJ,EAAG,YAAY,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIa,SAAW,WAAW,CAACb,EAAIM,GAAG,cAAcJ,EAAG,YAAY,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIa,SAAW,WAAW,CAACb,EAAIM,GAAG,cAAcJ,EAAG,YAAY,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIa,SAAW,WAAW,CAACb,EAAIM,GAAG,cAAcJ,EAAG,YAAY,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASC,GAAQZ,EAAIa,SAAW,WAAW,CAACb,EAAIM,GAAG,eAAe,GAAGJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0BO,MAAMd,EAAIa,WAAWX,EAAG,MAAM,CAACK,YAAY,oCAAoCO,MAAMd,EAAIa,WAAWX,EAAG,MAAM,CAACK,YAAY,0BAA0BO,MAAMd,EAAIa,WAAWX,EAAG,MAAM,CAACK,YAAY,oCAAoCO,MAAMd,EAAIa,WAAWX,EAAG,MAAM,CAACK,YAAY,0BAA0BO,MAAMd,EAAIa,WAAWX,EAAG,MAAM,CAACK,YAAY,oCAAoCO,MAAMd,EAAIa,eAAeX,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,mlBAAimB,IAE7nED,EAAkB,GC6CtB,GACAU,KAAA,WACA,OACAF,SAAA,YClDyY,ICOrY,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBXd,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,qBAAqB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,wEAAwEJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,2CAA2C,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,iCAAiC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,iBAAiBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,4ZAA8Z,IAEn2CD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,mBAAmB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,QAAQJ,EAAG,OAAO,CAACF,EAAIM,GAAG,eAAeN,EAAIM,GAAG,kFAAkFJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,wBAAwB,CAACL,EAAG,MAAM,CAACK,YAAY,gDAAgD,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,sCAAsC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,gDAAgD,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,sCAAsC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,gDAAgD,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,iBAAiBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,oWAAgX,IAE13CD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,iBAAiB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,0CAA0CJ,EAAG,OAAO,CAACF,EAAIM,GAAG,WAAWN,EAAIM,GAAG,mEAAmEJ,EAAG,OAAO,CAACF,EAAIM,GAAG,UAAUN,EAAIM,GAAG,oCAAoCJ,EAAG,IAAI,CAACF,EAAIM,GAAG,+DAA+DJ,EAAG,OAAO,CAACF,EAAIM,GAAG,qBAAqBN,EAAIM,GAAG,0GAA0GJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,MAAM,CAACK,YAAY,qCAAqC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,MAAM,CAACK,YAAY,2BAA2B,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,eAAeJ,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,MAAM,CAACK,YAAY,qCAAqC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIM,GAAG,qBAAqBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,+WAA+X,IAEpjDD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,0BAA0B,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,QAAQJ,EAAG,OAAO,CAACF,EAAIM,GAAG,YAAYN,EAAIM,GAAG,mGAAmGJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACK,YAAY,4CAA4C,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,kBAAkBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,ijDAAilD,IAE3sKD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,eAAe,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,QAAQJ,EAAG,OAAO,CAACF,EAAIM,GAAG,sBAAsBN,EAAIM,GAAG,yIAAyIJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,sCAAsC,CAACL,EAAG,MAAM,CAACK,YAAY,6DAA6D,CAACP,EAAIM,GAAG,OAAOJ,EAAG,MAAM,CAACK,YAAY,kEAAkE,CAACP,EAAIM,GAAG,WAAWJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,oPAA0P,IAE/5BD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,iBAAiB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,mCAAmCJ,EAAG,OAAO,CAACF,EAAIM,GAAG,aAAaN,EAAIM,GAAG,SAASJ,EAAG,OAAO,CAACF,EAAIM,GAAG,aAAaN,EAAIM,GAAG,iCAAiCJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,MAAM,CAACK,YAAY,yCAAyC,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,WAAWJ,EAAG,OAAO,CAACF,EAAIM,GAAG,iBAAiBJ,EAAG,MAAM,CAACK,YAAY,mDAAmD,CAACL,EAAG,OAAO,CAACK,YAAY,eAAe,CAACL,EAAG,OAAO,CAACK,YAAY,yBAAyB,CAACP,EAAIM,GAAG,WAAWJ,EAAG,OAAO,CAACF,EAAIM,GAAG,qBAAqBJ,EAAG,WAAW,CAACM,KAAK,iBAAiB,CAACR,EAAIM,GAAG,iLAAuL,IAE9/BD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCef,GACAW,WAAA,CACAC,gBACAC,sBACAC,uBACAC,sBACAC,oBACAC,sBACAC,mBACAC,oBCzCkY,ICQ9X,G,UAAY,eACd,EACAzB,EACAM,GACA,EACA,KACA,KACA,OAIa,e,oECnBf","file":"js/chunk-15323820.1eb9271b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"tailwind-grid-demo\"}},[_c('grid-basic-grid'),_c('grid-responsive-grids'),_c('grid-mixed-column-sizes'),_c('grid-wrapping-columns'),_c('grid-column-spacing'),_c('grid-auto-column-width'),_c('grid-simple-offset')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Basic Grids\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use the existing \"),_c('a',{attrs:{\"href\":\"https://tailwindcss.com/docs/flexbox-display\",\"rel\":\"nofollow\"}},[_vm._v(\"Flexbox\")]),_vm._v(\" and \"),_c('a',{attrs:{\"href\":\"https://tailwindcss.com/docs/width\",\"rel\":\"nofollow\"}},[_vm._v(\"percentage width\")]),_vm._v(\" utilities to construct basic grids\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-full bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-full\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-1/2 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/2\")])]),_c('div',{staticClass:\"w-1/2 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/2\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-1/3 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/3\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-1/4 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/4\")])]),_c('div',{staticClass:\"w-1/4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/4\")])]),_c('div',{staticClass:\"w-1/4 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/4\")])]),_c('div',{staticClass:\"w-1/4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/4\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-1/5 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/5\")])]),_c('div',{staticClass:\"w-1/5 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/5\")])]),_c('div',{staticClass:\"w-1/5 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/5\")])]),_c('div',{staticClass:\"w-1/5 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/5\")])]),_c('div',{staticClass:\"w-1/5 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/5\")])])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"w-1/6 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])]),_c('div',{staticClass:\"w-1/6 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])]),_c('div',{staticClass:\"w-1/6 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])]),_c('div',{staticClass:\"w-1/6 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])]),_c('div',{staticClass:\"w-1/6 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])]),_c('div',{staticClass:\"w-1/6 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"w-1/6\")])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<!-- Full width column -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-full bg-grid-color h-12\\\"></div>\\n</div>\\n<!-- Two columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-1/2 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/2 bg-grid-color h-12\\\"></div>\\n</div>\\n\\n<!-- Three columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-1/3 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/3 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/3 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n\\n<!-- Four columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-1/4 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/4 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/4 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/4 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n\\n<!-- Five columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-1/5 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/5 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/5 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/5 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/5 bg-grid-color h-12\\\"></div>\\n</div>\\n\\n<!-- Six columns -->\\n<div class=\\\"flex\\\">\\n  <div class=\\\"w-1/6 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/6 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/6 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/6 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/6 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/6 bg-grid-color h-12\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridBasicGrid.vue?vue&type=template&id=78ed48c2\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Responsive Grids\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use the responsive variants of the width utilities to build responsive grid layouts\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex flex-wrap mb-base\"},[_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.colClass = 'w-full'}}},[_vm._v(\"All (w-full)\")]),_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.colClass = 'w-1/2'}}},[_vm._v(\"sm:w-1/2\")]),_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.colClass = 'w-1/3'}}},[_vm._v(\"md:w-1/3\")]),_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.colClass = 'w-1/4'}}},[_vm._v(\"lg:w-1/4\")]),_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.colClass = 'w-1/6'}}},[_vm._v(\"xl:w-1/6\")])],1),_c('div',{staticClass:\"flex flex-wrap\"},[_c('div',{staticClass:\"mb-4 h-12 bg-grid-color\",class:_vm.colClass}),_c('div',{staticClass:\"mb-4 h-12 bg-grid-color-secondary\",class:_vm.colClass}),_c('div',{staticClass:\"mb-4 h-12 bg-grid-color\",class:_vm.colClass}),_c('div',{staticClass:\"mb-4 h-12 bg-grid-color-secondary\",class:_vm.colClass}),_c('div',{staticClass:\"mb-4 h-12 bg-grid-color\",class:_vm.colClass}),_c('div',{staticClass:\"mb-4 h-12 bg-grid-color-secondary\",class:_vm.colClass})])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"flex flex-wrap\\\">\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color\\\"></div>\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color-secondary\\\"></div>\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color\\\"></div>\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color-secondary\\\"></div>\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-grid-color\\\"></div>\\n  <div class=\\\"w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-grid-color-secondary\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: GridResponsiveGrids.vue\r\n    Description: Create responsive grids using tailwind css\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Responsive Grids\" code-toggler>\r\n\r\n        <p>Use the responsive variants of the width utilities to build responsive grid layouts</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <div class=\"flex flex-wrap mb-base\">\r\n                <vs-button type=\"border\" class=\"mr-4 mb-4\" @click=\"colClass = 'w-full'\">All (w-full)</vs-button>\r\n                <vs-button type=\"border\" class=\"mr-4 mb-4\" @click=\"colClass = 'w-1/2'\">sm:w-1/2</vs-button>\r\n                <vs-button type=\"border\" class=\"mr-4 mb-4\" @click=\"colClass = 'w-1/3'\">md:w-1/3</vs-button>\r\n                <vs-button type=\"border\" class=\"mr-4 mb-4\" @click=\"colClass = 'w-1/4'\">lg:w-1/4</vs-button>\r\n                <vs-button type=\"border\" class=\"mr-4 mb-4\" @click=\"colClass = 'w-1/6'\">xl:w-1/6</vs-button>\r\n            </div>\r\n            <div class=\"flex flex-wrap\">\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color\"></div>\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color-secondary\"></div>\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color\"></div>\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color-secondary\"></div>\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color\"></div>\r\n                <div :class=\"colClass\" class=\"mb-4 h-12 bg-grid-color-secondary\"></div>\r\n            </div>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;div class=&quot;flex flex-wrap&quot;&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color&quot;&gt;&lt;/div&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color-secondary&quot;&gt;&lt;/div&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color&quot;&gt;&lt;/div&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-grid-color-secondary&quot;&gt;&lt;/div&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-grid-color&quot;&gt;&lt;/div&gt;\r\n  &lt;div class=&quot;w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-grid-color-secondary&quot;&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n    export default{\r\n        data() {\r\n            return {\r\n                colClass: 'w-full',\r\n            }\r\n        },\r\n    }\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridResponsiveGrids.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridResponsiveGrids.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GridResponsiveGrids.vue?vue&type=template&id=6649bd99\"\nimport script from \"./GridResponsiveGrids.vue?vue&type=script&lang=js\"\nexport * from \"./GridResponsiveGrids.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Mixed Column Sizes\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Mix different percentage width utilities to build mixed size grids\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"w-3/4 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-3/4\")])]),_c('div',{staticClass:\"w-1/4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/4\")])])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"w-1/5 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/5\")])]),_c('div',{staticClass:\"w-3/5 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-3/5\")])]),_c('div',{staticClass:\"w-1/5 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/5\")])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<!-- Narrower side column -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"w-3/4 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/4 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n\\n<!-- Wide center column -->\\n<div class=\\\"flex\\\">\\n  <div class=\\\"w-1/5 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-3/5 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/5 bg-grid-color h-12\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridMixedColumnSizes.vue?vue&type=template&id=0ce01dd8\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Wrapping Columns\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add \"),_c('code',[_vm._v(\"flex-wrap\")]),_vm._v(\" to your column container to allow columns to wrap when they run out of room\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex flex-wrap -mb-4\"},[_c('div',{staticClass:\"w-1/3 mb-4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 mb-4 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 mb-4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 mb-4 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])]),_c('div',{staticClass:\"w-1/3 mb-4 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"flex flex-wrap -mb-4\\\">\\n  <div class=\\\"w-1/3 mb-4 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/3 mb-4 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/3 mb-4 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"w-1/3 mb-4 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/3 mb-4 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridWrappingColumns.vue?vue&type=template&id=7f4d846d\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Column Spacing\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add a negative horizontal margin like \"),_c('code',[_vm._v(\"-mx-2\")]),_vm._v(\" to your column container and an equal horizontal padding like \"),_c('code',[_vm._v(\"px-2\")]),_vm._v(\" to each column to add gutters\")]),_c('p',[_vm._v(\"To prevent horizontal scrolling in full width layouts, add \"),_c('code',[_vm._v(\"overflow-hidden\")]),_vm._v(\" to another parent container, or compensate for the negative margin with matching horizontal padding\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"px-2\"},[_c('div',{staticClass:\"flex -mx-2\"},[_c('div',{staticClass:\"w-1/3 px-2\"},[_c('div',{staticClass:\"bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])])]),_c('div',{staticClass:\"w-1/3 px-2\"},[_c('div',{staticClass:\"bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])])]),_c('div',{staticClass:\"w-1/3 px-2\"},[_c('div',{staticClass:\"bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_vm._v(\"w-1/3\")])])])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"px-2\\\">\\n  <div class=\\\"flex -mx-2\\\">\\n    <div class=\\\"w-1/3 px-2\\\">\\n      <div class=\\\"bg-grid-color-secondary h-12\\\"></div>\\n    </div>\\n    <div class=\\\"w-1/3 px-2\\\">\\n      <div class=\\\"bg-grid-color h-12\\\"></div>\\n    </div>\\n    <div class=\\\"w-1/3 px-2\\\">\\n      <div class=\\\"bg-grid-color-secondary h-12\\\"></div>\\n    </div>\\n  </div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridColumnSpacing.vue?vue&type=template&id=0e9c607e\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Automatic Column Widths\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use \"),_c('code',[_vm._v(\"flex-1\")]),_vm._v(\" instead of an explicit width on your columns to have them size automatically to fill the row\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])])]),_c('div',{staticClass:\"flex mb-4\"},[_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])]),_c('div',{staticClass:\"flex-1 bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"sm:flex hidden m-auto\"},[_vm._v(\"flex-1\")])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<!-- Full width column -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n</div>\\n\\n<!-- Five columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n\\n<!-- Seven columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n\\n<!-- Eleven columns -->\\n<div class=\\\"flex mb-4\\\">\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color h-12\\\"></div>\\n  <div class=\\\"flex-1 bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridAutoColumnWidth.vue?vue&type=template&id=2b9611c6\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Column Order\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use \"),_c('code',[_vm._v(\"flex-row-reverse\")]),_vm._v(\" to reverse column order. Useful for two-column responsive layouts where the column on right should appear first on smaller screens\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex md:flex-row-reverse flex-wrap\"},[_c('div',{staticClass:\"w-full md:w-3/4 bg-grey p-4 text-center text-grey-lighter\"},[_vm._v(\"1\")]),_c('div',{staticClass:\"w-full md:w-1/4 bg-grey-light p-4 text-center text-grey-darker\"},[_vm._v(\"2\")])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"flex md:flex-row-reverse flex-wrap\\\">\\n  <div class=\\\"w-full md:w-3/4 bg-grey p-4 text-center text-grey-lighter\\\">1</div>\\n  <div class=\\\"w-full md:w-1/4 bg-grey-light p-4 text-center text-grey-darker\\\">2</div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridColumnOrder.vue?vue&type=template&id=9bdfa80c\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Simple Offsets\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use auto margin utilities like \"),_c('code',[_vm._v(\"ml-auto\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"mr-auto\")]),_vm._v(\" to offset columns in a row\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"flex flex-wrap\"},[_c('div',{staticClass:\"w-1/3 ml-auto bg-grid-color h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_c('span',{staticClass:\"sm:inline hidden mr-2\"},[_vm._v(\"w-1/3\")]),_c('span',[_vm._v(\"ml-auto\")])])]),_c('div',{staticClass:\"w-1/3 mr-auto bg-grid-color-secondary h-12 flex\"},[_c('span',{staticClass:\"flex m-auto\"},[_c('span',{staticClass:\"sm:inline hidden mr-2\"},[_vm._v(\"w-1/3\")]),_c('span',[_vm._v(\"mr-auto\")])])])])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"flex flex-wrap\\\">\\n  <div class=\\\"w-1/3 ml-auto bg-grid-color h-12\\\"></div>\\n  <div class=\\\"w-1/3 mr-auto bg-grid-color-secondary h-12\\\"></div>\\n</div>\\n        \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridSimpleOffset.vue?vue&type=template&id=088c7560\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: GridTailwind.vue\r\n    Description: Tailwind Grid System - Imports page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"tailwind-grid-demo\">\r\n        <grid-basic-grid></grid-basic-grid>\r\n        <grid-responsive-grids></grid-responsive-grids>\r\n        <grid-mixed-column-sizes></grid-mixed-column-sizes>\r\n        <grid-wrapping-columns></grid-wrapping-columns>\r\n        <grid-column-spacing></grid-column-spacing>\r\n        <grid-auto-column-width></grid-auto-column-width>\r\n        <grid-simple-offset></grid-simple-offset>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport GridBasicGrid from './GridBasicGrid.vue'\r\nimport GridResponsiveGrids from './GridResponsiveGrids.vue'\r\nimport GridMixedColumnSizes from './GridMixedColumnSizes.vue'\r\nimport GridWrappingColumns from './GridWrappingColumns.vue'\r\nimport GridColumnSpacing from './GridColumnSpacing.vue'\r\nimport GridAutoColumnWidth from './GridAutoColumnWidth.vue'\r\nimport GridColumnOrder from './GridColumnOrder.vue'\r\nimport GridSimpleOffset from './GridSimpleOffset.vue'\r\n\r\nexport default{\r\n    components: {\r\n        GridBasicGrid,\r\n        GridResponsiveGrids,\r\n        GridMixedColumnSizes,\r\n        GridWrappingColumns,\r\n        GridColumnSpacing,\r\n        GridAutoColumnWidth,\r\n        GridSimpleOffset,\r\n        GridColumnOrder,\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#tailwind-grid-demo {\r\n    .bg-grid-color {\r\n        background-color: #b8c2cc;\r\n    }\r\n\r\n    .bg-grid-color-secondary {\r\n        background-color: #dae1e7;\r\n    }\r\n}\r\n.theme-dark{\r\n  #tailwind-grid-demo {\r\n    .bg-grid-color {\r\n        background-color: #262c49; // $table-dark-stripe\r\n    }\r\n\r\n    .bg-grid-color-secondary {\r\n        background-color: #414561; // $grid-dark-color\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridTailwind.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridTailwind.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GridTailwind.vue?vue&type=template&id=2fcc3d34\"\nimport script from \"./GridTailwind.vue?vue&type=script&lang=js\"\nexport * from \"./GridTailwind.vue?vue&type=script&lang=js\"\nimport style0 from \"./GridTailwind.vue?vue&type=style&index=0&id=2fcc3d34&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridTailwind.vue?vue&type=style&index=0&id=2fcc3d34&prod&lang=scss\""],"sourceRoot":""}