{"id":21229209,"url":"https://github.com/raulghm/cata-breakpoints","last_synced_at":"2026-05-01T03:35:26.002Z","repository":{"id":57194880,"uuid":"88515285","full_name":"raulghm/cata-breakpoints","owner":"raulghm","description":"cata-breakpoints","archived":false,"fork":false,"pushed_at":"2018-05-14T04:27:25.000Z","size":8,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T17:50:28.539Z","etag":null,"topics":["breakpoints","cata","css","mediaqueries"],"latest_commit_sha":null,"homepage":"https://raulghm.github.io/cata-breakpoints/test","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/raulghm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-17T14:19:49.000Z","updated_at":"2023-03-08T04:54:30.000Z","dependencies_parsed_at":"2022-09-16T05:21:37.149Z","dependency_job_id":null,"html_url":"https://github.com/raulghm/cata-breakpoints","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fcata-breakpoints","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fcata-breakpoints/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fcata-breakpoints/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fcata-breakpoints/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raulghm","download_url":"https://codeload.github.com/raulghm/cata-breakpoints/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243672484,"owners_count":20328767,"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","cata","css","mediaqueries"],"created_at":"2024-11-20T23:25:25.979Z","updated_at":"2026-05-01T03:35:20.947Z","avatar_url":"https://github.com/raulghm.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cata breakpoints\n\n[![Build Status](https://travis-ci.org/raulghm/cata-breakpoints.svg?branch=master)](https://travis-ci.org/raulghm/cata-breakpoints)\n\n## Custom media queries\n\nThese are predefined values and recommendations based on this article\nhttp://bradfrost.com/blog/post/7-habits-of-highly-effective-media-queries\nI prefer em instead of px, and I recommend applying a subset of values\ndepending on the type of project and personal preferences.\n\n```css\n@custom-media --sm-viewport (min-width: 24em);\n@custom-media --md-viewport (min-width: 46.8em);\n@custom-media --lg-viewport (min-width: 50em);\n@custom-media --xl-viewport (min-width: 60em);\n```\n\n## How use\n\n```css\n@media (--sm-viewport) {\n  div {\n    width: 200px;\n  }\n}\n```\n\n## Installation\n\n## NPM\n```\nnpm install cata-breakpoints\n```\n\n## Yarn\n```\nyarn add cata-breakpoints\n```\n\n## Download\n[Download](https://github.com/raulghm/cata-breakpoints/releases)\n\n## Testing\n\nInstall [Node](http://nodejs.org) (comes with npm) and run:\n\n```\nnpm install\n```\n\nOr install [Yarn](https://yarnpkg.com/en/docs/install) and run:\n\n```\nyarn\n```\n\nTo generate a build:\n\n```\nnpm run build\n```\n\nTo lint code with [postcss-bem-linter](https://github.com/postcss/postcss-bem-linter) and [stylelint](http://stylelint.io/)\n\n```\nnpm run lint\n```\n\nTo generate the testing build.\n\n```\nnpm run build-test\n```\n\nBasic visual tests are in `test/index.html`.\n\n## Browser support\n\n* Google Chrome\n* Firefox\n* Safari\n* Opera\n* Internet Explorer 9+\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulghm%2Fcata-breakpoints","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraulghm%2Fcata-breakpoints","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulghm%2Fcata-breakpoints/lists"}