{"id":29179431,"url":"https://github.com/hanynan8/hany-sass-utils","last_synced_at":"2026-04-18T11:02:20.440Z","repository":{"id":301396536,"uuid":"1009105866","full_name":"hanynan8/hany-sass-utils","owner":"hanynan8","description":"A lightweight and modular SCSS utility library that provides responsive spacing, flexbox, grid system, typography, buttons, and color classes. Built for fast front-end development with clean code and full SCSS customization. Gulp is used for SCSS compilation and optional CSS optimization.","archived":false,"fork":false,"pushed_at":"2025-06-26T16:14:13.000Z","size":421,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-26T17:25:56.864Z","etag":null,"topics":["css-framework","front-end-development","frontend","gulp","gulp-plugin","html","javascript","landing-page","responsive-design","responsive-web-design","sass","sass-mixins","scss","scss-files","scss-framework","scss-grid","scss-library","scss-mixins","scss-styles","scss-utilities"],"latest_commit_sha":null,"homepage":"https://github.com/hanynan8/hany-sass-utils.git","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hanynan8.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-26T15:28:31.000Z","updated_at":"2025-06-26T16:30:14.000Z","dependencies_parsed_at":"2025-06-26T17:36:50.788Z","dependency_job_id":null,"html_url":"https://github.com/hanynan8/hany-sass-utils","commit_stats":null,"previous_names":["hanynan8/hany-sass-utils"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hanynan8/hany-sass-utils","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanynan8%2Fhany-sass-utils","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanynan8%2Fhany-sass-utils/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanynan8%2Fhany-sass-utils/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanynan8%2Fhany-sass-utils/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hanynan8","download_url":"https://codeload.github.com/hanynan8/hany-sass-utils/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanynan8%2Fhany-sass-utils/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31966217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-framework","front-end-development","frontend","gulp","gulp-plugin","html","javascript","landing-page","responsive-design","responsive-web-design","sass","sass-mixins","scss","scss-files","scss-framework","scss-grid","scss-library","scss-mixins","scss-styles","scss-utilities"],"created_at":"2025-07-01T19:02:34.483Z","updated_at":"2026-04-18T11:02:20.388Z","avatar_url":"https://github.com/hanynan8.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎯 Hany SCSS Utilities\n\nA lightweight, customizable SCSS utility library for fast and clean front-end development.  \nThis library provides pre-built utility classes to speed up layout creation, reduce repetitive code, and maintain consistent styling across your projects.\n\n---\n\n## 📦 Features\n\n- ✅ Margin \u0026 Padding Utilities (e.g. `.m-1`, `.p-2`, `.pt-3`, `.mb-4`)\n- ✅ Flexbox Helpers (e.g. `.d-flex`, `.justify-center`, `.align-items-center`)\n- ✅ Text Utilities (e.g. `.text-center`, `.text-uppercase`, `.fw-bold`)\n- ✅ Grid System (e.g. `.row`, `.col-6`, `.gap-3`)  \n- ✅ Pre-styled Buttons (e.g. `.btn`, `.btn-primary`, `.btn-outline`)  \n- ✅ Color Classes (e.g. `.bg-primary`, `.text-danger`)  \n- ✅ Responsive classes for mobile, tablet, and desktop  \n- ✅ Easy customization using SCSS variables and mixins  \n- ✅ Clean, modular structure\n\n---\n\n## 🚀 How to Use\n\n1. **Clone or Download the Repository:**\n\n   ```bash\n   git clone https://github.com/hanynan8/hany-sass-utils.git\n   ```\n\n2. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Run Gulp to compile SCSS:**\n\n   ```bash\n   npx gulp\n   ```\n\n   \u003e This will compile SCSS files into CSS and optionally purge unused styles if configured.\n\n4. **Import the main SCSS file in your project:**\n\n   ```scss\n   @import \"path-to/hany-sass-utils/main\";\n   ```\n\n5. **Use the utility classes directly in your HTML:**\n\n   ```html\n   \u003cdiv class=\"row gap-3\"\u003e\n     \u003cdiv class=\"col-6 bg-primary text-white p-3 text-center\"\u003eColumn 1\u003c/div\u003e\n     \u003cdiv class=\"col-6 bg-secondary text-white p-3 text-center\"\u003eColumn 2\u003c/div\u003e\n   \u003c/div\u003e\n\n   \u003cbutton class=\"btn btn-primary mt-4\"\u003eClick Me\u003c/button\u003e\n   ```\n\n6. **Customize variables** in `_variables.scss` before compiling to adjust spacing, colors, breakpoints, etc.\n\n---\n\n## 🛠 Built With\n\n- **SASS / SCSS** – compiled with `dart-sass`\n- **Gulp** – task runner to compile SCSS and clean up unused CSS\n- Modular architecture for scalability\n- No external dependencies\n\n---\n\n## 📄 License\n\nThis project is licensed under the **MIT License** – free for personal and commercial use.\n\n---\n\n## 👨‍💻 Author\n\n**Hany Younan**  \nGitHub: [@hanynan8](https://github.com/hanynan8)  \nUpwork: [My Upwork Profile](https://www.upwork.com/freelancers/~01999a6834f779f66d)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanynan8%2Fhany-sass-utils","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhanynan8%2Fhany-sass-utils","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanynan8%2Fhany-sass-utils/lists"}