[{"data":1,"prerenderedAt":136},["Reactive",2],{"$KyeTl6nybl":3,"page-data":4,"page-tree":112,"doc-page-nav":131},[],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":8,"body":10,"_type":107,"_id":108,"_source":109,"_file":110,"_extension":111},"/documentation/tailwindcss/config","tailwindcss",false,"","Customizing Tailwind",{"type":11,"children":12,"toc":104},"root",[13,98],{"type":14,"tag":15,"props":16,"children":18},"element","doc-component-demo",{"title":17},"Customizing Tailwind CSS",[19,35,52,56,61],{"type":14,"tag":20,"props":21,"children":22},"p",{},[23,26,33],{"type":24,"value":25},"text","Tairo has full typescript support for tailwind, so you can create a ",{"type":14,"tag":27,"props":28,"children":30},"code",{"className":29},[],[31],{"type":24,"value":32},"tailwind.config.ts",{"type":24,"value":34}," file to customize your Tailwind CSS configuration in your main app layer. You can customize fonts, spacing, radius, shadows, colors and more.",{"type":14,"tag":36,"props":37,"children":38},"code-group",{},[39],{"type":14,"tag":40,"props":41,"children":47},"pre",{"className":42,"code":44,"filename":45,"language":46,"meta":8},[43],"language-ts","import { withShurikenUI } from '@shuriken-ui/tailwind'\nimport colors from 'tailwindcss/colors'\n\n/**\n * The `withShurikenUI` function injects the Shuriken UI preset \n * into the Tailwind CSS configuration,\n * \n * Allows VSCode to provide autocompletion \n * for Tailwind CSS classes.\n */\nexport default withShurikenUI({\n  /**\n   * The content property is automatically populated \n   * to include all nuxt files, but you can add \n   * additional files so that Tailwind CSS can \n   * extract the classes from them.\n   */\n  content: [],\n  /**\n   * You can add additional plugins to Tailwind CSS \n   * by adding them to the plugins list here.\n   */\n  plugins: [],\n  /**\n   * Define your custom Tailwind CSS theme here\n   */\n  theme: {\n    extend: {\n      // Your custom theme properties goes here\n    },\n  },\n})\n","\u003Capp>/tailwind.config.ts","ts",[48],{"type":14,"tag":27,"props":49,"children":50},{"__ignoreMap":8},[51],{"type":24,"value":44},{"type":14,"tag":53,"props":54,"children":55},"hr",{},[],{"type":14,"tag":20,"props":57,"children":58},{},[59],{"type":24,"value":60},"Useful resources:",{"type":14,"tag":62,"props":63,"children":64},"ul",{},[65,78,88],{"type":14,"tag":66,"props":67,"children":68},"li",{},[69],{"type":14,"tag":70,"props":71,"children":75},"a",{"href":72,"rel":73},"https://tailwindcss.com/docs/theme",[74],"nofollow",[76],{"type":24,"value":77},"Learn Theme customization on tailwindcss.com",{"type":14,"tag":66,"props":79,"children":80},{},[81],{"type":14,"tag":70,"props":82,"children":85},{"href":83,"rel":84},"https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js",[74],[86],{"type":24,"value":87},"View the default Tailwind CSS configuration on github.com",{"type":14,"tag":66,"props":89,"children":90},{},[91],{"type":14,"tag":70,"props":92,"children":95},{"href":93,"rel":94},"https://tailwindcss.nuxtjs.org/tailwind/config#default-configuration",[74],[96],{"type":24,"value":97},"View how content property is created on tailwindcss.nuxtjs.org",{"type":14,"tag":99,"props":100,"children":103},"doc-nav",{"next":101,"prev":102},"/documentation/tailwindcss/shuriken-ui","/documentation/tailwindcss",[],{"title":8,"searchDepth":105,"depth":105,"links":106},2,[],"markdown","content:documentation:30.tailwindcss:2.config.md","content","documentation/30.tailwindcss/2.config.md","md",[113,119,126],{"_path":114,"_dir":8,"_draft":7,"_partial":7,"_locale":8,"title":115,"description":8,"toc":116,"_type":107,"_id":117,"_source":109,"_file":118,"_extension":111},"/documentation","مرکز مستندات",true,"content:documentation:1.index.md","documentation/1.index.md",{"_path":120,"_dir":6,"_draft":7,"_partial":116,"_locale":8,"title":121,"_id":122,"_type":123,"_source":109,"_file":124,"_extension":125},"/documentation/tailwindcss/_dir","Tailwind CSS","content:documentation:30.tailwindcss:_dir.yml","yaml","documentation/30.tailwindcss/_dir.yml","yml",{"_path":102,"_dir":127,"_draft":7,"_partial":7,"_locale":8,"title":128,"description":8,"_type":107,"_id":129,"_source":109,"_file":130,"_extension":111},"documentation","Tailwind, and Tairo","content:documentation:30.tailwindcss:1.index.md","documentation/30.tailwindcss/1.index.md",[132,134],{"_path":102,"title":128,"_dir":133},{"_path":120,"title":121},{"_path":101,"title":135},"رابط کاربری شوریکن",1779173503795]