{"id":24054295,"url":"https://github.com/style-forge/media","last_synced_at":"2026-02-12T19:33:26.881Z","repository":{"id":271335173,"uuid":"913030283","full_name":"Style-Forge/media","owner":"Style-Forge","description":"A comprehensive CSS library with predefined media queries for desktop, tablet, mobile, portrait, and landscape layouts. Ideal for creating responsive and consistent designs with ease.","archived":false,"fork":false,"pushed_at":"2025-02-08T03:52:39.000Z","size":476,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-09T01:14:24.936Z","etag":null,"topics":["breakpoints","consistent","css","design","desktop","frontend","html","landscape","lightweight","media-queries","mobile","modular","portrait","responsive","responsive-design","styles","styling","tablet","utilities","web-development"],"latest_commit_sha":null,"homepage":"https://style-forge.github.io/media/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Style-Forge.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-06T22:20:52.000Z","updated_at":"2025-02-08T03:52:30.000Z","dependencies_parsed_at":"2025-01-07T05:09:37.400Z","dependency_job_id":"c9e47c55-30df-41cb-9129-00a0c879b900","html_url":"https://github.com/Style-Forge/media","commit_stats":null,"previous_names":["style-forge/media"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Style-Forge%2Fmedia","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Style-Forge%2Fmedia/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Style-Forge%2Fmedia/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Style-Forge%2Fmedia/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Style-Forge","download_url":"https://codeload.github.com/Style-Forge/media/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253171272,"owners_count":21865297,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["breakpoints","consistent","css","design","desktop","frontend","html","landscape","lightweight","media-queries","mobile","modular","portrait","responsive","responsive-design","styles","styling","tablet","utilities","web-development"],"created_at":"2025-01-09T03:03:08.081Z","updated_at":"2026-02-12T19:33:26.824Z","avatar_url":"https://github.com/Style-Forge.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Style-Forge.Media\n\n![npm](https://img.shields.io/npm/v/style-forge.media)\n![license](https://img.shields.io/npm/l/style-forge.media)\n![npm](https://img.shields.io/npm/dm/style-forge.media)\n![build](https://github.com/Style-Forge/media/actions/workflows/release.yml/badge.svg)\n\n`Style-Forge.Media` is a utility library that provides a comprehensive set of predefined CSS media query helpers to streamline responsive web development. With support for desktop, tablet, mobile, portrait, and landscape orientations, it ensures consistent and maintainable breakpoints for your projects, saving development time and effort.\n\n## Documentation\n\nTo check out docs, visit [style-forge.github.io](https://style-forge.github.io/media/).\n\n## Support the project ⭐\n\nIf you feel awesome and want to support us in a small way, please consider starring and sharing the repo! This helps us getting known and grow the community. 🙏\n\n\u003cimg src=\"https://github.com/style-forge/hub/raw/main/public/github-star.gif\" alt=\"style-forge-star\" /\u003e\n\n## Modules\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eModule\u003c/th\u003e\n    \u003cth colspan=\"2\"\u003eLinks\u003c/th\u003e\n    \u003cth\u003eVersion\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ehub\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/hub\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eCentral repository that integrates all project modules.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ebase\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/base\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.base\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.base\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eBasic styles and foundational components of the project.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eform\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/form\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.form\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.form\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eStyles and components for creating forms.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ehelpers\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/helpers\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.helpers\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.helpers\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eUtility functions and helpers for the project.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e└\u0026nbsp;media\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/media\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.media\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.media\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eComprehensive CSS media query helpers for responsive web design.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ethemes\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/themes\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.themes\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.themes\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eThemes and styling options for the project.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003epatterns\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/patterns\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.patterns\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.patterns\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eReusable patterns and templates for the project.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003ecolors\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/Style-Forge/colors\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://npmjs.com/package/style-forge.colors\" target=\"_blank\"\u003eNPM\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://img.shields.io/npm/v/style-forge.colors\" alt=\"npm\"\u003e\u003c/td\u003e\n    \u003ctd\u003eColor palettes and styles for the project.\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Contributing\n\nWe welcome contributions from the community! Please follow these steps to contribute:\n\n1. Fork the repository.\n2. Create a new branch: `git checkout -b feature/branch-name`.\n3. Make your changes and commit them: `git commit -am 'Add some feature'`.\n4. Push your changes to the forked repository: `git push origin feature/branch-name`.\n5. Create a pull request in the original repository.\n\nFor more detailed information, please refer to [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyle-forge%2Fmedia","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstyle-forge%2Fmedia","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyle-forge%2Fmedia/lists"}