{"_id":"@aizazjamil/scss-starter-kit","_rev":"3-fee46e67dc0712d700b5638ed2a107d4","name":"@aizazjamil/scss-starter-kit","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@aizazjamil/scss-starter-kit","version":"1.0.0","keywords":["Aizaz","Jamil"],"author":{"name":"Aizaz Jamil"},"license":"ISC","_id":"@aizazjamil/scss-starter-kit@1.0.0","maintainers":[{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com"}],"homepage":"https://github.com/AizazJamil/scss-starter-kit#readme","bugs":{"url":"https://github.com/AizazJamil/scss-starter-kit/issues"},"dist":{"shasum":"562d5a18c50d3e94156b0b748bf23767223ac578","tarball":"https://registry.npmjs.org/@aizazjamil/scss-starter-kit/-/scss-starter-kit-1.0.0.tgz","fileCount":38,"integrity":"sha512-IMvrxuRQnu3iND4ckBVmqtaFckaafVbQmt3l8Lg6OJM2rlUk+Rlz8keYzfuo27K5HH5OVpx6w6EChXIZR7krpQ==","signatures":[{"sig":"MEUCIQDgDkSVuq9DvKd9+qepC5VJslGFBa7ju2P0j5bjuRaCEQIgDmUVlaQmAbZ6jN6wsSPC3e2gY1ZQp2RgrHux/xNLM5M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47357},"main":"index.js","gitHead":"3c473196acea81b2160a41219b516e21595fffae","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"aizazjamil","actor":{"name":"aizazjamil","type":"user","email":"aizaz-jamil28@outlook.com"},"email":"aizaz-jamil28@outlook.com"},"repository":{"url":"git+https://github.com/AizazJamil/scss-starter-kit.git","type":"git"},"_npmVersion":"6.14.18","description":"A modular, reusable, and scalable SCSS starter kit to speed up your front-end development.  \r This starter kit has variables, mixins, functions, placeholders, base styles, components, helpers, and themes organized so that you can easily reuse them in ever","directories":{},"_nodeVersion":"20.12.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/scss-starter-kit_1.0.0_1750627545385_0.23985934677907816","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aizazjamil/scss-starter-kit","version":"1.0.1","keywords":["scss","sass","scss-starter-kit","sass-starter","scss boilerplate","frontend","starter-kit","scss architecture","modular scss","scss components","responsive design","css utilities","aizaz jamil"],"author":{"name":"Aizaz Jamil"},"license":"ISC","_id":"@aizazjamil/scss-starter-kit@1.0.1","maintainers":[{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com"}],"homepage":"https://github.com/AizazJamil/scss-starter-kit#readme","bugs":{"url":"https://github.com/AizazJamil/scss-starter-kit/issues"},"dist":{"shasum":"6a9db3b56b11d131be1111aa2977639266e013fe","tarball":"https://registry.npmjs.org/@aizazjamil/scss-starter-kit/-/scss-starter-kit-1.0.1.tgz","fileCount":46,"integrity":"sha512-9vJp4o/OVQCWDwfzCWBA48dCh58Wt6r6aB0izUMfZIML001mJhhDV2s7OF0wzZClzvssv2FxGsPbO+PAUuo3CA==","signatures":[{"sig":"MEUCIC+QFQnkOu4fvKLMW9lIh/33uJX9lMye6TqLPp4E33cfAiEAyqEWTHNzZG2M9fb3gAOIwnML6etnAkN27co44VcrJ94=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47962},"main":"index.js","gitHead":"dc7ba93110b94ba4d54012005925f7feb8ca111a","scripts":{"dev":"vite","test":"echo \"Error: no test specified\" && exit 1","build":"vite build","preview":"vite preview","watch:sass":"sass --watch sass/main.scss:css/main.css"},"_npmUser":{"name":"aizazjamil","actor":{"name":"aizazjamil","type":"user","email":"aizaz-jamil28@outlook.com"},"email":"aizaz-jamil28@outlook.com"},"repository":{"url":"git+https://github.com/AizazJamil/scss-starter-kit.git","type":"git"},"_npmVersion":"6.14.18","description":"A modular, reusable, and scalable SCSS starter kit to speed up your front-end development.  \r This starter kit has variables, mixins, functions, placeholders, base styles, components, helpers, and themes organized so that you can easily reuse them in ever","directories":{},"_nodeVersion":"20.12.2","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.89.2","vite":"^6.3.5"},"_npmOperationalInternal":{"tmp":"tmp/scss-starter-kit_1.0.1_1750774321581_0.9544146338701107","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aizazjamil/scss-starter-kit","version":"1.0.2","description":"A modular, reusable, and scalable SCSS starter kit to speed up your front-end development.  \r This starter kit has variables, mixins, functions, placeholders, base styles, components, helpers, and themes organized so that you can easily reuse them in ever","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","dev":"vite","build":"vite build","preview":"vite preview","watch:sass":"sass --watch sass/main.scss:css/main.css"},"repository":{"type":"git","url":"git+https://github.com/AizazJamil/scss-starter-kit.git"},"keywords":["scss","sass","scss-starter-kit","sass-starter","scss boilerplate","frontend","starter-kit","scss architecture","modular scss","scss components","responsive design","css utilities","aizaz jamil"],"author":{"name":"Aizaz Jamil"},"license":"ISC","bugs":{"url":"https://github.com/AizazJamil/scss-starter-kit/issues"},"homepage":"https://github.com/AizazJamil/scss-starter-kit#readme","devDependencies":{"sass":"^1.89.2","vite":"^6.3.5"},"gitHead":"b71908fc399ed7ad6298a040a9f16dd14d8ec006","_id":"@aizazjamil/scss-starter-kit@1.0.2","_nodeVersion":"20.12.2","_npmVersion":"6.14.18","dist":{"integrity":"sha512-s3nnsRq4pfkEWtiglrFYiCB8RV5qNQqdWxM1INWfW0KVdezHqnBIThPBluIGctehRtGfJp8JOFxz9cIKrCg7ZA==","shasum":"acbf09c56222e55673f8b55202cfaac74123be32","tarball":"https://registry.npmjs.org/@aizazjamil/scss-starter-kit/-/scss-starter-kit-1.0.2.tgz","fileCount":46,"unpackedSize":62912,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCelT+96JZDl/t0KEMISBBda7lo3GAm7QY9mODdYhTbeQIhANAVm5UnHZniqqllXCTP3eIJEo2ZNhyfy1c/Iy0IACkI"}]},"_npmUser":{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com","actor":{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com","type":"user"}},"directories":{},"maintainers":[{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/scss-starter-kit_1.0.2_1750778317782_0.28095033374813805"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-22T21:25:45.265Z","modified":"2025-06-24T15:18:38.132Z","1.0.0":"2025-06-22T21:25:45.641Z","1.0.1":"2025-06-24T14:12:01.791Z","1.0.2":"2025-06-24T15:18:37.957Z"},"bugs":{"url":"https://github.com/AizazJamil/scss-starter-kit/issues"},"author":{"name":"Aizaz Jamil"},"license":"ISC","homepage":"https://github.com/AizazJamil/scss-starter-kit#readme","keywords":["scss","sass","scss-starter-kit","sass-starter","scss boilerplate","frontend","starter-kit","scss architecture","modular scss","scss components","responsive design","css utilities","aizaz jamil"],"repository":{"type":"git","url":"git+https://github.com/AizazJamil/scss-starter-kit.git"},"description":"A modular, reusable, and scalable SCSS starter kit to speed up your front-end development.  \r This starter kit has variables, mixins, functions, placeholders, base styles, components, helpers, and themes organized so that you can easily reuse them in ever","maintainers":[{"name":"aizazjamil","email":"aizaz-jamil28@outlook.com"}],"readme":"# SCSS Starter Kit\r\n\r\nA modular, reusable, and scalable SCSS starter kit to speed up your front-end development.  \r\nThis starter kit has variables, mixins, functions, placeholders, base styles, components, helpers, and themes organized so that you can easily reuse them in every project.\r\n\r\n---\r\n\r\n## Features\r\n\r\n- Well-structured folder organization  \r\n- Customizable variables for colors, fonts, spacings, etc.  \r\n- Mixins and functions for common CSS patterns  \r\n- Placeholder selectors for reusable styles  \r\n- Base styles including reset, typography, buttons, cards, forms, modals, dark mode  \r\n- Utility helper classes for common tasks  \r\n- Print-friendly styles  \r\n- Ready to extend and customize as per project needs  \r\n\r\n---\r\n\r\n## Folder Structure SASS/SCSS\r\n\r\nscss/\r\n- abstracts/ // Variables, mixins, functions, placeholders\r\n- base/ // Reset, base styles, typography\r\n- components/ // Buttons, cards, modals, forms\r\n- layout/ // Header, footer, grid, navigation\r\n- pages/ // Page-specific styles\r\n- themes/ // Light and dark theme styles\r\n- utilities/ // Helpers, spacers, scrollbar, print\r\n- vendors/ // Bootstrap or third-party overrides\r\n- main.scss // Main entry SCSS file\r\n\r\n## 🚀 Getting Started\r\n\r\n### 📦 1. Clone the repository\r\n\r\ngit clone https://github.com/AizazJamil/scss-starter-kit.git\r\ncd scss-starter-kit\r\n\r\n## 2. Install Dependencies\r\n\r\nnpm install\r\n\r\n## 3. Run in Development Mode\r\n\r\nnpm run dev\r\n\r\n## 4. Watch & Compile SCSS\r\n\r\nnpm run watch:sass\r\n\r\n## 5. Build for Production\r\n\r\nnpm run build\r\n\r\n## 6. Preview Production Build\r\n\r\nnpm run preview","readmeFilename":"README.md"}