{"id":20806727,"url":"https://github.com/fed/responsify","last_synced_at":"2025-07-31T13:34:15.293Z","repository":{"id":57354784,"uuid":"46139723","full_name":"fed/responsify","owner":"fed","description":"Responsify Mixin for Less","archived":false,"fork":false,"pushed_at":"2015-11-13T19:27:54.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-18T19:52:20.004Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://npmjs.com/package/responsify","language":"JavaScript","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/fed.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-11-13T18:27:46.000Z","updated_at":"2017-09-06T18:00:34.000Z","dependencies_parsed_at":"2022-09-26T16:31:32.202Z","dependency_job_id":null,"html_url":"https://github.com/fed/responsify","commit_stats":null,"previous_names":["fknussel/responsify"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/fed/responsify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Fresponsify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Fresponsify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Fresponsify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Fresponsify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fed","download_url":"https://codeload.github.com/fed/responsify/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fed%2Fresponsify/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266238066,"owners_count":23897524,"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":[],"created_at":"2024-11-17T19:24:56.460Z","updated_at":"2025-07-31T13:34:15.270Z","avatar_url":"https://github.com/fed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# responsify\n\nResponsify Mixin for Less.\n\n## Install\n\n```\nnpm install --save-dev responsify\n```\n\n## Usage\n\nAdjust the variables on the `src/responsify.less` file to match your design and then write your media queries on variables, like this:\n\n```\n.about {\n  width: 100%;\n}\n\n@sm: {\n  .about {\n    width: 50%;\n  }\n};\n\n@lg: {\n  .about {\n    display: none;\n  }\n};\n```\n\nOnce you are done writing styles for each breakpoint, include the responsify mixin and pass in all of these variables you've just created:\n\n```\n.responsify({}, @sm, {}, @lg, {});\n```\n\nThe responsify mixin expects the following arguments to get passed in:\n\n1. `@xs`: larger than mobile\n2. `@sm`: larger than phablet\n3. `@md`: larger than tablet\n4. `@lg`: larger than desktop\n5. `@xl`: larger than desktop HD\n\nUse `{}` if you don't have styles defined for that particular breakpoint. Note that, since this is mobile first, styles will *cascade up* if no styles get passed in for one of the breakpoints.\n\n## Release Versions\n\nThis repo uses [grunt-bump](https://github.com/gruntjs/grunt-bump) and Semantic Versioning to version and tag releases. To release a new version, run the appropriate command:\n\n```\ngrunt release:major       # bump major version, eg. 1.0.2 -\u003e 2.0.0\ngrunt release:minor       # bump minor version, eg. 0.1.3 -\u003e 0.2.0\ngrunt release:patch       # bump patch version, eg. 0.0.1 -\u003e 0.0.2\ngrunt release:prerelease  # bump pre-release version, eg. 1.0.0 -\u003e 1.0.0-1\n```\n\nMake sure to push tags:\n\n```\ngit push --tags origin master\n```\n\nPublish the package to [npm's public registry](https://www.npmjs.com/):\n\n```\nnpm publish\n```\n\nTo make sure everything worked just fine, go to [http://npmjs.com/package/responsify](http://npmjs.com/package/responsify).\n\n**Heads up!** To publish, you must have a user on the npm registry. If you don't have one, create it with `npm adduser`. If you created one on the site, use `npm login` to store the credentials on the client. You can use `npm config ls` to ensure that the credentials are stored on your client. Check that it has been added to the registry by going to [http://npmjs.com/~](http://npmjs.com/~).\n\n## Semantic Versioning\n\nGiven a version number `MAJOR.MINOR.PATCH`, increment the:\n\n1. `MAJOR` version when you make incompatible API changes,\n2. `MINOR` version when you add functionality in a backwards-compatible manner, and\n3. `PATCH` version when you make backwards-compatible bug fixes.\n\nAdditional labels for pre-release and build metadata are available as extensions to the `MAJOR.MINOR.PATCH` format.\n\nSee the [Semantic Versioning](http://semver.org/) specification for more information.\n\n## Release History\n\nSee the [CHANGELOG](CHANGELOG.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffed%2Fresponsify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffed%2Fresponsify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffed%2Fresponsify/lists"}