{"version":3,"sources":["webpack:///./src/views/ui-elements/colors/ColorsChangeColor.vue?ceba","webpack:///./src/views/ui-elements/colors/Colors.vue?85a0","webpack:///./src/views/ui-elements/colors/Colors.vue?f0ca","webpack:///./src/views/ui-elements/colors/ColorsDefault.vue?46f8","webpack:///src/views/ui-elements/colors/ColorsDefault.vue","webpack:///./src/views/ui-elements/colors/ColorsDefault.vue?1ab5","webpack:///./src/views/ui-elements/colors/ColorsDefault.vue","webpack:///./src/views/ui-elements/colors/ColorsGradient.vue?4af0","webpack:///src/views/ui-elements/colors/ColorsGradient.vue","webpack:///./src/views/ui-elements/colors/ColorsGradient.vue?a709","webpack:///./src/views/ui-elements/colors/ColorsGradient.vue","webpack:///./src/views/ui-elements/colors/ColorsCustomization.vue?bfad","webpack:///./src/views/ui-elements/colors/ColorsCustomization.vue","webpack:///./src/views/ui-elements/colors/ColorsChangeColor.vue?8ae6","webpack:///src/views/ui-elements/colors/ColorsChangeColor.vue","webpack:///./src/views/ui-elements/colors/ColorsChangeColor.vue?d8db","webpack:///./src/views/ui-elements/colors/ColorsChangeColor.vue","webpack:///./src/views/ui-elements/colors/ColorsChangeColorSSR.vue?f14e","webpack:///src/views/ui-elements/colors/ColorsChangeColorSSR.vue","webpack:///./src/views/ui-elements/colors/ColorsChangeColorSSR.vue?0edb","webpack:///./src/views/ui-elements/colors/ColorsChangeColorSSR.vue","webpack:///./src/views/ui-elements/colors/ColorsTailwind.vue?6d2b","webpack:///./src/views/ui-elements/colors/tailwind/TailwindTextClasses.vue?19a2","webpack:///./src/views/ui-elements/colors/tailwind/TailwindTextClasses.vue","webpack:///./src/views/ui-elements/colors/tailwind/TailwindBackgroundClasses.vue?5f19","webpack:///./src/views/ui-elements/colors/tailwind/TailwindBackgroundClasses.vue","webpack:///./src/views/ui-elements/colors/tailwind/TailwindAddMoreColors.vue?b6f1","webpack:///src/views/ui-elements/colors/tailwind/TailwindAddMoreColors.vue","webpack:///./src/views/ui-elements/colors/tailwind/TailwindAddMoreColors.vue?72d5","webpack:///./src/views/ui-elements/colors/tailwind/TailwindAddMoreColors.vue","webpack:///src/views/ui-elements/colors/ColorsTailwind.vue","webpack:///./src/views/ui-elements/colors/ColorsTailwind.vue?ee2f","webpack:///./src/views/ui-elements/colors/ColorsTailwind.vue","webpack:///src/views/ui-elements/colors/Colors.vue","webpack:///./src/views/ui-elements/colors/Colors.vue?efdb","webpack:///./src/views/ui-elements/colors/Colors.vue","webpack:///./src/views/ui-elements/colors/ColorsTailwind.vue?4793"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","defaultColors","staticClass","slot","data","component","staticStyle","script","on","$event","changeColor","target","value","components","Prism","methods","colorx","whatColor","$vs","theme","TailwindTextClasses","TailwindBackgroundClasses","TailwindAddMoreColors","ColorsDefault","ColorsGradient","ColorsCustomization","ColorsChangeColor","ColorsChangeColorSSR","ColorsTailwind"],"mappings":"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","file":"js/chunk-b4765772.3f86fd94.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorsChangeColor.vue?vue&type=style&index=0&id=6d4d3804&scoped=true&lang=css&\"","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!./Colors.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"colors-demo\"}},[_c('colors-default'),_c('colors-gradient'),_c('colors-customization'),_c('colors-change-color'),_c('colors-change-color-SSR'),_c('colors-tailwind')],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\":\"Default Colors\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"We have a series of colors that are used by default. They include:\")]),_c('vx-list',{attrs:{\"list\":_vm.defaultColors}}),_c('p',{staticClass:\"mb-5\"},[_vm._v(\"For each color, we think has its functionality in the application as alerts of errors (\"),_c('strong',[_vm._v(\"danger\")]),_vm._v(\"), warnings to the user (\"),_c('strong',[_vm._v(\"warning\")]),_vm._v(\"), communications of approval (\"),_c('strong',[_vm._v(\"success\")]),_vm._v(\"), or main color of the application (\"),_c('strong',[_vm._v(\"primary\")]),_vm._v(\").\")]),_c('ul',{staticClass:\"demo-alignment text-white\"},[_c('li',{staticClass:\"bg-primary\"},[_vm._v(\"\\n                primary\\n            \")]),_c('li',{staticClass:\"bg-success\"},[_vm._v(\"\\n                success\\n            \")]),_c('li',{staticClass:\"bg-danger\"},[_vm._v(\"\\n                danger\\n            \")]),_c('li',{staticClass:\"bg-warning\"},[_vm._v(\"\\n                warning\\n            \")]),_c('li',{staticClass:\"bg-dark\"},[_vm._v(\"\\n                dark\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<ul class=\\\"demo-alignment text-white\\\">\\n  <li class=\\\"bg-primary\\\">primary</li>\\n  <li class=\\\"bg-success\\\">success</li>\\n  <li class=\\\"bg-danger\\\">danger</li>\\n  <li class=\\\"bg-warning\\\">warning</li>\\n  <li class=\\\"bg-dark\\\">dark</li>\\n</ul>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ColorDefault.vue\n    Description: Theme's main colors(primary, success etc.)\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Default Colors\" code-toggler>\n\n        <p>We have a series of colors that are used by default. They include:</p>\n\n        <vx-list :list=\"defaultColors\"></vx-list>\n\n        <p class=\"mb-5\">For each color, we think has its functionality in the application as alerts of errors (<strong>danger</strong>), warnings to the user (<strong>warning</strong>), communications of approval (<strong>success</strong>), or main color of the application (<strong>primary</strong>).</p>\n\n        <ul class=\"demo-alignment text-white\">\n            <li class=\"bg-primary\">\n                primary\n            </li>\n            <li class=\"bg-success\">\n                success\n            </li>\n            <li class=\"bg-danger\">\n                danger\n            </li>\n            <li class=\"bg-warning\">\n                warning\n            </li>\n            <li class=\"bg-dark\">\n                dark\n            </li>\n        </ul>\n\n        <template slot=\"codeContainer\">\n&lt;ul class=&quot;demo-alignment text-white&quot;&gt;\n  &lt;li class=&quot;bg-primary&quot;&gt;primary&lt;/li&gt;\n  &lt;li class=&quot;bg-success&quot;&gt;success&lt;/li&gt;\n  &lt;li class=&quot;bg-danger&quot;&gt;danger&lt;/li&gt;\n  &lt;li class=&quot;bg-warning&quot;&gt;warning&lt;/li&gt;\n  &lt;li class=&quot;bg-dark&quot;&gt;dark&lt;/li&gt;\n&lt;/ul&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default{\n  data () {\n    return {\n      'defaultColors': [\n        'primary',\n        'success',\n        'danger',\n        'warning',\n        'dark'\n      ]\n    }\n  }\n}\n</script>\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!./ColorsDefault.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!./ColorsDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorsDefault.vue?vue&type=template&id=41eec3d9&\"\nimport script from \"./ColorsDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorsDefault.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\":\"Gradient Colors\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"We have make gradient color based on our default color:\")]),_c('vx-list',{attrs:{\"list\":_vm.defaultColors}}),_c('p',{staticClass:\"mb-5\"},[_vm._v(\"For each color, we think has its functionality in the application as alerts of errors (\"),_c('strong',[_vm._v(\"danger\")]),_vm._v(\"), warnings to the user (\"),_c('strong',[_vm._v(\"warning\")]),_vm._v(\"), communications of approval (\"),_c('strong',[_vm._v(\"success\")]),_vm._v(\"), or main color of the application (\"),_c('strong',[_vm._v(\"primary\")]),_vm._v(\").\")]),_c('ul',{staticClass:\"demo-alignment text-white\"},[_c('li',{staticClass:\"bg-primary-gradient text-center\"},[_vm._v(\"\\n                primary gradient\\n            \")]),_c('li',{staticClass:\"bg-success-gradient text-center\"},[_vm._v(\"\\n                success gradient\\n            \")]),_c('li',{staticClass:\"bg-danger-gradient text-center\"},[_vm._v(\"\\n                danger gradient\\n            \")]),_c('li',{staticClass:\"bg-warning-gradient text-center\"},[_vm._v(\"\\n                warning gradient\\n            \")]),_c('li',{staticClass:\"bg-dark-gradient text-center\"},[_vm._v(\"\\n                dark \"),_c('br'),_vm._v(\" gradient\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<ul class=\\\"demo-alignment text-white\\\">\\n  <li class=\\\"bg-primary-gradient\\\">primary gradient</li>\\n  <li class=\\\"bg-success-gradient\\\">success gradient</li>\\n  <li class=\\\"bg-danger-gradient\\\">danger gradient</li>\\n  <li class=\\\"bg-warning-gradient\\\">warning gradient</li>\\n  <li class=\\\"bg-dark-gradient\\\">dark gradient</li>\\n</ul>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ColorsGradient.vue.vue\n    Description: Theme's main colors(primary, success etc.) with gradient\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Gradient Colors\" code-toggler>\n\n        <p>We have make gradient color based on our default color:</p>\n\n        <vx-list :list=\"defaultColors\"></vx-list>\n\n        <p class=\"mb-5\">For each color, we think has its functionality in the application as alerts of errors (<strong>danger</strong>), warnings to the user (<strong>warning</strong>), communications of approval (<strong>success</strong>), or main color of the application (<strong>primary</strong>).</p>\n\n        <ul class=\"demo-alignment text-white\">\n            <li class=\"bg-primary-gradient text-center\">\n                primary gradient\n            </li>\n            <li class=\"bg-success-gradient text-center\">\n                success gradient\n            </li>\n            <li class=\"bg-danger-gradient text-center\">\n                danger gradient\n            </li>\n            <li class=\"bg-warning-gradient text-center\">\n                warning gradient\n            </li>\n            <li class=\"bg-dark-gradient text-center\">\n                dark <br> gradient\n            </li>\n        </ul>\n\n        <template slot=\"codeContainer\">\n&lt;ul class=&quot;demo-alignment text-white&quot;&gt;\n  &lt;li class=&quot;bg-primary-gradient&quot;&gt;primary gradient&lt;/li&gt;\n  &lt;li class=&quot;bg-success-gradient&quot;&gt;success gradient&lt;/li&gt;\n  &lt;li class=&quot;bg-danger-gradient&quot;&gt;danger gradient&lt;/li&gt;\n  &lt;li class=&quot;bg-warning-gradient&quot;&gt;warning gradient&lt;/li&gt;\n  &lt;li class=&quot;bg-dark-gradient&quot;&gt;dark gradient&lt;/li&gt;\n&lt;/ul&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default{\n  data () {\n    return {\n      'defaultColors': [\n        'primary gradient',\n        'success gradient',\n        'danger gradient',\n        'warning gradient',\n        'dark gradient'\n      ]\n    }\n  }\n}\n</script>\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!./ColorsGradient.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!./ColorsGradient.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorsGradient.vue?vue&type=template&id=2f4bf6fa&\"\nimport script from \"./ColorsGradient.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorsGradient.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\":\"Customize Theme Colors\",\"code-toggler\":\"\",\"code-language\":\"js\"}},[_c('p',[_vm._v(\"We almost always need a personalized application with own colors. In Vuesax, you can change the main colors to those that you need and the branding that your application has.\")]),_c('p',[_vm._v(\"You can change default colors using \"),_c('code',[_vm._v(\"themeColors.js\")]),_vm._v(\" file. You can find this file in src folder.\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('br'),_c('ul',{staticClass:\"demo-alignment text-white\"},[_c('li',{staticStyle:{\"background-color\":\"#5b3cc4\"}},[_vm._v(\"\\n                primary\\n            \")]),_c('li',{staticStyle:{\"background-color\":\"rgb(23, 201, 100)\"}},[_vm._v(\"\\n                success\\n            \")]),_c('li',{staticStyle:{\"background-color\":\"rgb(242, 19, 93)\"}},[_vm._v(\"\\n                danger\\n            \")]),_c('li',{staticStyle:{\"background-color\":\"rgb(255, 130, 0)\"}},[_vm._v(\"\\n                warning\\n            \")]),_c('li',{staticStyle:{\"background-color\":\"rgb(36, 33, 69)\"}},[_vm._v(\"\\n                dark\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\nVue.use(Vuesax, {\\n  theme: {\\n    colors: {\\n      primary: '#5b3cc4',\\n      success: 'rgb(23, 201, 100)',\\n      danger: 'rgb(242, 19, 93)',\\n      warning: 'rgb(255, 130, 0)',\\n      dark: 'rgb(36, 33, 69)'\\n    }\\n  }\\n})\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ColorsCustomization.vue?vue&type=template&id=dc59dc5c&\"\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\":\"Change Color\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the color of the application in process of execution with the function $vs.theme which as a parameter requires a json with the colors to change\")]),_c('p',[_vm._v(\"Imagine that in the middle of the application we want the primary color change would be something like this:\")]),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\nthis.$vs.theme({\\n  primary:'rgb(5, 173, 88)' // my new color\\n})\\n        \")]),_c('p',{staticClass:\"mt-5\"},[_vm._v(\"By doing this, all \"),_c('strong',[_vm._v(\"Vuesax\")]),_vm._v(\" components and other components which uses primary color in the application will change. Select one of the colors to change it and that all the components of this application will have that color.\")]),_c('ul',{staticClass:\"demo-alignment text-white\"},[_c('li',{staticClass:\"bg-primary\"},[_c('input',{staticClass:\"absolute w-full h-full cursor-pointer opacity-0\",attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},on:{\"change\":function($event){return _vm.changeColor($event.target.value,'primary')}}}),_vm._v(\"\\n                primary\\n            \")]),_c('li',{staticClass:\"bg-success\"},[_c('input',{staticClass:\"absolute w-full h-full cursor-pointer opacity-0\",attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},on:{\"change\":function($event){return _vm.changeColor($event.target.value,'success')}}}),_vm._v(\"\\n                success\\n            \")]),_c('li',{staticClass:\"bg-danger\"},[_c('input',{staticClass:\"absolute w-full h-full cursor-pointer opacity-0\",attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},on:{\"change\":function($event){return _vm.changeColor($event.target.value,'danger')}}}),_vm._v(\"\\n                danger\\n            \")]),_c('li',{staticClass:\"bg-warning\"},[_c('input',{staticClass:\"absolute w-full h-full cursor-pointer opacity-0\",attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},on:{\"change\":function($event){return _vm.changeColor($event.target.value,'warning')}}}),_vm._v(\"\\n                warning\\n            \")]),_c('li',{staticClass:\"bg-dark\"},[_c('input',{staticClass:\"absolute w-full h-full cursor-pointer opacity-0\",attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},on:{\"change\":function($event){return _vm.changeColor($event.target.value,'dark')}}}),_vm._v(\"\\n                dark\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"demo-alignment text-white\\\">\\n    <li class=\\\"colorprimaryx\\\">\\n      <input @change=\\\"changeColor($event.target.value,'primary')\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      primary\\n    </li>\\n    <li class=\\\"colorsuccessx\\\">\\n      <input @change=\\\"changeColor($event.target.value,'success')\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      success\\n    </li>\\n    <li class=\\\"colordangerx\\\">\\n      <input @change=\\\"changeColor($event.target.value,'danger')\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      danger\\n    </li>\\n    <li class=\\\"colorwarningx\\\">\\n      <input @change=\\\"changeColor($event.target.value,'warning')\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      warning\\n    </li>\\n    <li class=\\\"colordarkx\\\">\\n      <input @change=\\\"changeColor($event.target.value,'dark')\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      dark\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  methods: {\\n    changeColor(colorx, whatColor) {\\n      this.$vs.theme({\\n        [whatColor]: colorx\\n      })\\n    }\\n  }\\n}\\n</script>\\n\\n<style lang=\\\"css\\\" scoped>\\n.colorprimaryx {\\n  background: rgb(var(--vs-primary)) !important;\\n}\\n\\n.colorsuccessx {\\n  background: rgb(var(--vs-success)) !important;\\n}\\n\\n.colordangerx {\\n  background: rgb(var(--vs-danger)) !important;\\n}\\n\\n.colorwarningx {\\n  background: rgb(var(--vs-warning)) !important;\\n}\\n\\n.colordarkx {\\n  background: rgb(var(--vs-dark)) !important;\\n}\\n</style>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ColorsChangeColor.vue\n    Description: Change theme's main colors - During execution\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Change Color\" code-toggler>\n\n        <p>You can change the color of the application in process of execution with the function $vs.theme which as a parameter requires a json with the colors to change</p>\n\n        <p>Imagine that in the middle of the application we want the primary color change would be something like this:</p>\n\n        <prism language=\"js\" class=\"rounded-lg\">\nthis.$vs.theme({\n  primary:'rgb(5, 173, 88)' // my new color\n})\n        </prism>\n\n        <p class=\"mt-5\">By doing this, all <strong>Vuesax</strong> components and other components which uses primary color in the application will change. Select one of the colors to change it and that all the components of this application will have that color.</p>\n\n        <ul class=\"demo-alignment text-white\">\n            <li class=\"bg-primary\">\n                <input class=\"absolute w-full h-full cursor-pointer opacity-0\" @change=\"changeColor($event.target.value,'primary')\" type=\"color\" name=\"\" value=\"\">\n                primary\n            </li>\n            <li class=\"bg-success\">\n                <input class=\"absolute w-full h-full cursor-pointer opacity-0\" @change=\"changeColor($event.target.value,'success')\" type=\"color\" name=\"\" value=\"\">\n                success\n            </li>\n            <li class=\"bg-danger\">\n                <input class=\"absolute w-full h-full cursor-pointer opacity-0\" @change=\"changeColor($event.target.value,'danger')\" type=\"color\" name=\"\" value=\"\">\n                danger\n            </li>\n            <li class=\"bg-warning\">\n                <input class=\"absolute w-full h-full cursor-pointer opacity-0\" @change=\"changeColor($event.target.value,'warning')\" type=\"color\" name=\"\" value=\"\">\n                warning\n            </li>\n            <li class=\"bg-dark\">\n                <input class=\"absolute w-full h-full cursor-pointer opacity-0\" @change=\"changeColor($event.target.value,'dark')\" type=\"color\" name=\"\" value=\"\">\n                dark\n            </li>\n        </ul>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;ul class=&quot;demo-alignment text-white&quot;&gt;\n    &lt;li class=&quot;colorprimaryx&quot;&gt;\n      &lt;input @change=&quot;changeColor($event.target.value,&apos;primary&apos;)&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n      primary\n    &lt;/li&gt;\n    &lt;li class=&quot;colorsuccessx&quot;&gt;\n      &lt;input @change=&quot;changeColor($event.target.value,&apos;success&apos;)&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n      success\n    &lt;/li&gt;\n    &lt;li class=&quot;colordangerx&quot;&gt;\n      &lt;input @change=&quot;changeColor($event.target.value,&apos;danger&apos;)&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n      danger\n    &lt;/li&gt;\n    &lt;li class=&quot;colorwarningx&quot;&gt;\n      &lt;input @change=&quot;changeColor($event.target.value,&apos;warning&apos;)&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n      warning\n    &lt;/li&gt;\n    &lt;li class=&quot;colordarkx&quot;&gt;\n      &lt;input @change=&quot;changeColor($event.target.value,&apos;dark&apos;)&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n      dark\n    &lt;/li&gt;\n  &lt;/ul&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  methods: {\n    changeColor(colorx, whatColor) {\n      this.$vs.theme({\n        [whatColor]: colorx\n      })\n    }\n  }\n}\n&lt;/script&gt;\n\n&lt;style lang=&quot;css&quot; scoped&gt;\n.colorprimaryx {\n  background: rgb(var(--vs-primary)) !important;\n}\n\n.colorsuccessx {\n  background: rgb(var(--vs-success)) !important;\n}\n\n.colordangerx {\n  background: rgb(var(--vs-danger)) !important;\n}\n\n.colorwarningx {\n  background: rgb(var(--vs-warning)) !important;\n}\n\n.colordarkx {\n  background: rgb(var(--vs-dark)) !important;\n}\n&lt;/style&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nimport Prism from 'vue-prism-component'\n\nexport default {\n  components: {\n    Prism\n  },\n  methods: {\n    changeColor (colorx, whatColor) {\n      this.$vs.theme({\n        [whatColor]: colorx\n      })\n    }\n  }\n}\n</script>\n\n<style scoped>\n.demo-alignment li:hover {\n    transform: translate(0, 8px);\n    box-shadow: 0px 0px 40px -10px rgba(255, 255, 255, 0) !important;\n}\n</style>\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!./ColorsChangeColor.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!./ColorsChangeColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorsChangeColor.vue?vue&type=template&id=6d4d3804&scoped=true&\"\nimport script from \"./ColorsChangeColor.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorsChangeColor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorsChangeColor.vue?vue&type=style&index=0&id=6d4d3804&scoped=true&lang=css&\"\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  \"6d4d3804\",\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\":\"Change Color SSR\"}},[_c('p',[_vm._v(\"To change the main colors in SSR (Server-Side Rendering) for example if you are using nuxt.js the main variables of stylus and those of css\")]),_c('p',[_vm._v(\"To change the variables we must first import them into a .styl file and change the values of the variables by the colors required\")]),_c('vs-alert',{staticClass:\"my-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"In order to change the variables and use them you have to have implemented the stylus loaders, to implement them by npm would be something like this\")]),_c('code',[_vm._v(\"npm i stylus stylus-loader --save-dev\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('p',[_vm._v(\"The value of the colors can only be \"),_c('code',[_vm._v(\"RGB\")]),_vm._v(\" and nothing else is added to the number without the letters \"),_c('code',[_vm._v(\"rgb\")]),_vm._v(\" or the parentheses\")]),_c('p',[_vm._v(\"For example if the color is \"),_c('code',[_vm._v(\"rgb(50,100,200)\")]),_vm._v(\" the value to be implemented is only: \"),_c('code',[_vm._v(\"50,100,A\")])])]),_c('br'),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\n// main.styl\\n\\n@import '~vuesax/dist/styles/index.styl'\\n\\n$vs-primary = 50,100,200\\n\\n:root {\\n  --vs-primary: $vs-primary\\n}\\n        \")]),_c('div',{staticClass:\"mt-base\"},[_c('p',[_vm._v(\"The stylus variables of the main colors are:\")]),_c('prism',{staticClass:\"rounded-lg\"},[_vm._v(\"\\n$vs-primary\\n$vs-success\\n$vs-danger\\n$vs-warning\\n$vs-dark\\n            \")]),_c('p',{staticClass:\"mt-base\"},[_vm._v(\"And the css variables are:\")]),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"css\"}},[_vm._v(\"\\n--vs-primary\\n--vs-success\\n--vs-danger\\n--vs-warning\\n--vs-dark\\n            \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ColorsChangeColorSSR.vue\n    Description: Change theme's main colors - Server Side Rendering\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Change Color SSR\">\n\n        <p>To change the main colors in SSR (Server-Side Rendering) for example if you are using nuxt.js the main variables of stylus and those of css</p>\n\n        <p>To change the variables we must first import them into a .styl file and change the values of the variables by the colors required</p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"my-5\">\n            <p class=\"mb-2\">In order to change the variables and use them you have to have implemented the stylus loaders, to implement them by npm would be something like this</p>\n            <code>npm i stylus stylus-loader --save-dev</code>\n\n\n        </vs-alert>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n            <p>The value of the colors can only be <code>RGB</code> and nothing else is added to the number without the letters <code>rgb</code> or the parentheses</p>\n            <p>For example if the color is <code>rgb(50,100,200)</code> the value to be implemented is only: <code>50,100,A</code></p>\n        </vs-alert><br>\n\n        <prism language=\"js\" class=\"rounded-lg\">\n// main.styl\n\n@import &apos;~vuesax/dist/styles/index.styl&apos;\n\n$vs-primary = 50,100,200\n\n:root {\n  --vs-primary: $vs-primary\n}\n        </prism>\n\n        <div class=\"mt-base\">\n\n            <p>The stylus variables of the main colors are:</p>\n\n            <prism class=\"rounded-lg\">\n$vs-primary\n$vs-success\n$vs-danger\n$vs-warning\n$vs-dark\n            </prism>\n\n            <p class=\"mt-base\">And the css variables are:</p>\n            <prism class=\"rounded-lg\" language=\"css\">\n--vs-primary\n--vs-success\n--vs-danger\n--vs-warning\n--vs-dark\n            </prism>\n        </div>\n\n    </vx-card>\n</template>\n\n<script>\nimport Prism from 'vue-prism-component'\n\nexport default {\n  components: {\n    Prism\n  }\n}\n</script>\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!./ColorsChangeColorSSR.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!./ColorsChangeColorSSR.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorsChangeColorSSR.vue?vue&type=template&id=038c4a96&\"\nimport script from \"./ColorsChangeColorSSR.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorsChangeColorSSR.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\":\"Tailwind Colors\"}},[_c('span',[_vm._v(\"Tailwind creates \"),_c('code',[_vm._v(\"text-{color}\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"bg-{color}\")]),_vm._v(\" for text color and background color.\")]),_c('div',{staticClass:\"mt-5\"},[_c('tailwind-text-classes'),_c('tailwind-background-classes'),_c('tailwind-add-more-colors')],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\":\"Text Classes\",\"code-toggler\":\"\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('span',[_vm._v(\"You can use \"),_c('code',[_vm._v(\"text-{color}\")]),_vm._v(\" for applying default colors to text.\")]),_c('br'),_c('span',[_vm._v(\"There is also other tailwind classes like \"),_c('code',[_vm._v(\"text-white\")]),_vm._v(\", \"),_c('code',[_vm._v(\"text-black\")]),_vm._v(\", \"),_c('code',[_vm._v(\"text-transparent\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('span',{staticClass:\"text-primary\"},[_vm._v(\"primary\")]),_c('span',{staticClass:\"text-success\"},[_vm._v(\"success\")]),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"danger\")]),_c('span',{staticClass:\"text-warning\"},[_vm._v(\"warning\")]),_c('span',{staticClass:\"text-dark\"},[_vm._v(\"dark\")]),_c('span',{staticClass:\"text-white bg-primary p-2 rounded\"},[_vm._v(\"white\")]),_c('span',{staticClass:\"text-black\"},[_vm._v(\"black\")]),_c('span',{staticClass:\"text-transparent\"},[_vm._v(\"transparent\")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<div class=\\\"demo-alignment\\\">\\n  <span class=\\\"text-primary\\\">primary</span>\\n  <span class=\\\"text-success\\\">success</span>\\n  <span class=\\\"text-danger\\\">danger</span>\\n  <span class=\\\"text-warning\\\">warning</span>\\n  <span class=\\\"text-dark\\\">dark</span>\\n  <span class=\\\"text-white op-block\\\">white</span>\\n  <span class=\\\"text-black\\\">black</span>\\n  <span class=\\\"text-transparent op-block\\\">transparent</span>\\n</div>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./TailwindTextClasses.vue?vue&type=template&id=6b723532&\"\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\":\"Background Classes\",\"code-toggler\":\"\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('span',[_vm._v(\"You can use \"),_c('code',[_vm._v(\"bg-{color}\")]),_vm._v(\" for applying default colors to background.\")]),_c('br'),_c('span',[_vm._v(\"There is also other tailwind classes like \"),_c('code',[_vm._v(\"bg-white\")]),_vm._v(\", \"),_c('code',[_vm._v(\"bg-black\")]),_vm._v(\", \"),_c('code',[_vm._v(\"bg-transparent\")])]),_c('ul',{staticClass:\"demo-alignment text-white mt-5\"},[_c('li',{staticClass:\"bg-primary\"},[_vm._v(\"primary\")]),_c('li',{staticClass:\"bg-success\"},[_vm._v(\"success\")]),_c('li',{staticClass:\"bg-danger\"},[_vm._v(\"danger\")]),_c('li',{staticClass:\"bg-warning\"},[_vm._v(\"warning\")]),_c('li',{staticClass:\"bg-dark\"},[_vm._v(\"dark\")]),_c('li',{staticClass:\"bg-white text-dark\"},[_vm._v(\"white\")]),_c('li',{staticClass:\"bg-black\"},[_vm._v(\"black\")]),_c('li',{staticClass:\"bg-transparent text-dark\"},[_vm._v(\"transparent\")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<ul class=\\\"demo-alignment text-white\\\">\\n  <li class=\\\"bg-primary\\\">primary</li>\\n  <li class=\\\"bg-success\\\">success</li>\\n  <li class=\\\"bg-danger\\\">danger</li>\\n  <li class=\\\"bg-warning\\\">warning</li>\\n  <li class=\\\"bg-dark\\\">dark</li>\\n  <li class=\\\"bg-white text-dark\\\">white</li>\\n  <li class=\\\"bg-black\\\">black</li>\\n  <li class=\\\"bg-transparent text-dark\\\">transparent</li>\\n</ul>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./TailwindBackgroundClasses.vue?vue&type=template&id=67d4b514&\"\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\":\"Add more colors\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('p',[_vm._v(\"You can add more colors in \"),_c('code',[_vm._v(\"tailwind.js\")]),_vm._v(\" file. You can find this file in root folder.\")]),_c('span',{staticClass:\"mb-5\"},[_vm._v(\"Checkout Color Customization in \"),_c('a',{attrs:{\"href\":\"https://tailwindcss.com/docs/text-color#customizing\",\"target\":\"_blank\"}},[_vm._v(\"Tailwind\")])]),_c('prism',{staticClass:\"rounded-lg\",attrs:{\"language\":\"js\"}},[_vm._v(\"\\ncolors: {\\n\\n  ....\\n  'secondary': '#767c82',\\n  ....\\n\\n}\\n        \")]),_c('template',{slot:\"codeContainer\"}),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"After registering color you can use \"),_c('code',[_vm._v(\"text-secondary\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"bg-secondary\")]),_vm._v(\" in theme\")])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: TailwindAddMoreColors.vue\n    Description: Add more colors to theme using tailwind\n    Note: You can't use this colors in props\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Add more colors\" no-shadow card-border>\n\n        <p>You can add more colors in <code>tailwind.js</code> file. You can find this file in root folder.</p>\n        <span class=\"mb-5\">Checkout Color Customization in <a href=\"https://tailwindcss.com/docs/text-color#customizing\" target=\"_blank\">Tailwind</a></span>\n\n        <prism language=\"js\" class=\"rounded-lg\">\ncolors: {\n\n  ....\n  'secondary': '#767c82',\n  ....\n\n}\n        </prism>\n\n        <template slot=\"codeContainer\">\n\n        </template>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <span>After registering color you can use <code>text-secondary</code> and <code>bg-secondary</code> in theme</span>\n        </vs-alert>\n    </vx-card>\n</template>\n\n<script>\nimport Prism from 'vue-prism-component'\n\nexport default{\n  components: {\n    Prism\n  }\n}\n</script>\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!./TailwindAddMoreColors.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!./TailwindAddMoreColors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TailwindAddMoreColors.vue?vue&type=template&id=09106749&\"\nimport script from \"./TailwindAddMoreColors.vue?vue&type=script&lang=js&\"\nexport * from \"./TailwindAddMoreColors.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","<!-- =========================================================================================\n    File Name: ColorTailwind.vue\n    Description: Tailwind Colors - Imports all page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Tailwind Colors\">\n        <span>Tailwind creates <code>text-{color}</code> and <code>bg-{color}</code> for text color and background color.</span>\n\n        <div class=\"mt-5\">\n            <tailwind-text-classes></tailwind-text-classes>\n            <tailwind-background-classes></tailwind-background-classes>\n            <tailwind-add-more-colors></tailwind-add-more-colors>\n        </div>\n\n    </vx-card>\n</template>\n\n<script>\nimport TailwindTextClasses from './tailwind/TailwindTextClasses.vue'\nimport TailwindBackgroundClasses from './tailwind/TailwindBackgroundClasses.vue'\nimport TailwindAddMoreColors from './tailwind/TailwindAddMoreColors.vue'\n\nexport default{\n  components: {\n    TailwindTextClasses,\n    TailwindBackgroundClasses,\n    TailwindAddMoreColors\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#colors-demo {\n    .demo-alignment li {\n        width: 100px;\n        height: 100px;\n        margin: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n        cursor: default;\n        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);\n    }\n}\n</style>\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!./ColorsTailwind.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!./ColorsTailwind.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorsTailwind.vue?vue&type=template&id=2ab2cb1a&\"\nimport script from \"./ColorsTailwind.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorsTailwind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorsTailwind.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","<!-- =========================================================================================\n    File Name: Colors.vue\n    Description: Color Pallet - Imports all page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"colors-demo\">\n        <colors-default></colors-default>\n        <colors-gradient></colors-gradient>\n        <colors-customization></colors-customization>\n        <colors-change-color></colors-change-color>\n        <colors-change-color-SSR></colors-change-color-SSR>\n        <colors-tailwind></colors-tailwind>\n    </div>\n</template>\n\n<script>\nimport ColorsDefault from './ColorsDefault.vue'\nimport ColorsGradient from './ColorsGradient.vue'\nimport ColorsCustomization from './ColorsCustomization.vue'\nimport ColorsChangeColor from './ColorsChangeColor.vue'\nimport ColorsChangeColorSSR from './ColorsChangeColorSSR.vue'\nimport ColorsTailwind from './ColorsTailwind.vue'\n\nexport default{\n  components: {\n    ColorsDefault,\n    ColorsGradient,\n    ColorsCustomization,\n    ColorsChangeColor,\n    ColorsChangeColorSSR,\n    ColorsTailwind\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/pages/colors.scss\";\n</style>\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!./Colors.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!./Colors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Colors.vue?vue&type=template&id=b9729c00&\"\nimport script from \"./Colors.vue?vue&type=script&lang=js&\"\nexport * from \"./Colors.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Colors.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","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!./ColorsTailwind.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}