{
    "componentChunkName": "component---src-templates-note-note-js",
    "path": "/notes/tailwind-framework",
    "result": {"data":{"mdx":{"body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/utility-first\",\n    \"title\": \"utility-first\"\n  }, \"utility-first\"), \" \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/design-principle\",\n    \"title\": \"design principle\"\n  }, \"design principle\"), \" based \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/css\",\n    \"title\": \"css\"\n  }, \"css\"), \" \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/framework\",\n    \"title\": \"framework\"\n  }, \"framework\"), \"\"), mdx(\"p\", null, \"\\\"Tailwind CSS is basically \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"a utility-first CSS framework for rapidly building custom user interfaces\"), \". It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.\\\"\\\"\"), mdx(\"p\", null, \"From \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.geeksforgeeks.org/introduction-to-tailwind-css/#:~:text=Tailwind%20CSS%20is%20basically%20a,have%20to%20fight%20to%20override\"\n  }, \"https://www.geeksforgeeks.org/introduction-to-tailwind-css/#:~:text=Tailwind%20CSS%20is%20basically%20a,have%20to%20fight%20to%20override\")), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://play.tailwindcss.com/\"\n  }, \"https://play.tailwindcss.com/\"), \" is great\"), mdx(\"h2\", null, \"Random\"), mdx(\"p\", null, \"offering a quick and \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/semantic\",\n    \"title\": \"semantic\"\n  }, \"semantic\"), \" way to apply styles directly in your markup, optimizing for both \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/notes/speed-and-maintainability\",\n    \"title\": \"speed and maintainability\"\n  }, \"speed and maintainability\"), \"\"));\n}\n;\nMDXContent.isMDXComponent = true;","inboundReferences":[{"id":"42e47956-69d4-5958-bae0-d275c9dfde87","slug":"bootstrap-framework"},{"id":"70cb5e60-7185-5b3f-823f-8154e6601257","slug":"Learning-path-for-Frontend"},{"id":"b73dcde0-6bcc-5803-a0dd-b99366e2d594","slug":"CSS"}]}},"pageContext":{"slug":"tailwind-framework","node":{"childMdx":{"slug":"tailwind-framework"}}}},
    "staticQueryHashes": []}