\nJust a simple development cover basic bootstrap. Sleek, intuitive, and powerful front-end framework for faster and easier web development.\n
\n\n## Installation\n\n1. install cssmolecule\n\n```bash\nnpm install cssmolecule\n```\n\n2. install analsorhost-simple-bootstrap\n\n```bash\nnpm install analsorhost-simple-bs\n```\n\n### Usage\n\n- in your `main.jsx` or `main.tsx` or `main.js` file import the following:\n\n```js\nimport \"cssmolecule\";\nimport \"analsorhost-simple-bs\";\n// your sass entry point\nimport \"./scss/main.scss\";\n```\n\nAlternatively you can also import the files in your sass.\n\n```scss\n@import \"cssmolecule/main.scss\";\n@import \"analsorhost-simple-bs/scss/bootstrap.scss\";\n```\n\n- use it like this\n\n```scss\n// include what you want you want from the framework\n// reboot/normalize\n@include reboot;\n// utilities\n@include api;\n// forms\n@include forms;\n// buttons\n@include buttons;\n.form {\n // you can use extend, apply or class\n @include extend(\"form-inline py-3\");\n // your custom styles\n\n input,\n textarea {\n @include extend(\"form-control my-2 px-4\");\n }\n button {\n @include extend(\"btn btn-primary w-100\");\n // customize without using !important\n background-color: red;\n }\n}\n// to extend a class\n\n.form-2 {\n @include extend(\"form\", \".\");\n}\n```\n","readmeFilename":"README.md"}