{"version":3,"sources":["webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?06c0","webpack:///./src/views/ui-elements/grid/tailwind/GridBasicGrid.vue?6d19","webpack:///./src/views/ui-elements/grid/tailwind/GridBasicGrid.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue?994e","webpack:///src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue?c929","webpack:///./src/views/ui-elements/grid/tailwind/GridResponsiveGrids.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridMixedColumnSizes.vue?656d","webpack:///./src/views/ui-elements/grid/tailwind/GridMixedColumnSizes.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridWrappingColumns.vue?408b","webpack:///./src/views/ui-elements/grid/tailwind/GridWrappingColumns.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnSpacing.vue?6645","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnSpacing.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridAutoColumnWidth.vue?897c","webpack:///./src/views/ui-elements/grid/tailwind/GridAutoColumnWidth.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnOrder.vue?20ec","webpack:///./src/views/ui-elements/grid/tailwind/GridColumnOrder.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridSimpleOffset.vue?eff7","webpack:///./src/views/ui-elements/grid/tailwind/GridSimpleOffset.vue","webpack:///src/views/ui-elements/grid/tailwind/GridTailwind.vue","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?3fbd","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?335d","webpack:///./src/views/ui-elements/grid/tailwind/GridTailwind.vue?1ab3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","slot","script","component","on","$event","colClass","class"],"mappings":"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","file":"js/chunk-08fe4629.a1210795.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridBasicGrid.vue?vue&type=template&id=00841402&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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: Vuesax Admin - VueJS Dashboard Admin 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>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=7b26a76a&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridMixedColumnSizes.vue?vue&type=template&id=0ef1aa62&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridWrappingColumns.vue?vue&type=template&id=be6e0cec&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridColumnSpacing.vue?vue&type=template&id=e10e433e&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridAutoColumnWidth.vue?vue&type=template&id=74a9a3f4&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridColumnOrder.vue?vue&type=template&id=03aa216d&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridSimpleOffset.vue?vue&type=template&id=7c49d276&\"\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: Vuesax Admin - VueJS Dashboard Admin 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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=f19fa35c&\"\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&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","import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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&lang=scss&\""],"sourceRoot":""}