{"id":16832492,"url":"https://github.com/kennethormandy/chasers","last_synced_at":"2025-04-11T04:32:45.217Z","repository":{"id":17892570,"uuid":"20842209","full_name":"kennethormandy/chasers","owner":"kennethormandy","description":"Bourbon Neat helpers, making complex, mobile-first layouts a little easier.","archived":false,"fork":false,"pushed_at":"2014-11-24T19:40:45.000Z","size":292,"stargazers_count":12,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-08T12:13:36.522Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/kennethormandy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-14T21:21:17.000Z","updated_at":"2019-10-02T02:24:34.000Z","dependencies_parsed_at":"2022-09-11T21:33:51.544Z","dependency_job_id":null,"html_url":"https://github.com/kennethormandy/chasers","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fchasers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fchasers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fchasers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fchasers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kennethormandy","download_url":"https://codeload.github.com/kennethormandy/chasers/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248345202,"owners_count":21088231,"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-10-13T11:49:16.805Z","updated_at":"2025-04-11T04:32:45.168Z","avatar_url":"https://github.com/kennethormandy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chasers\n\n[Bourbon](http://bourbon.io) [Neat](http://neat.bourbon.io) helpers, making complex, mobile-first layouts a little easier.\n\n## Getting started\n\nYou’ll need to install and import Bourbon and Neat before the complementary Chasers. To do this manually, [download this repository](https://github.com/kennethormandy/chasers/archive/master.zip). Alternatively, use the package manager and build tool of your choice:\n\n#### With npm\n\n```\nnpm install kennethormandy/chasers\n```\n\n#### With bower\n\n```bash\nbower install chasers\n```\n\nThen, import your Sass files or include them in your build process as necessary.\n\n```scss\n@import \"path/to/bourbon\";\n@import \"path/to/neat\";\n@import \"path/to/chasers\";\n```\n\n## Example\n\nThe following will help you get started with the mixins included with Chasers.\n\n### Omega Reset\n\nCurrently, Neat can’t properly reset the grid as you change the number of columns in a mobile-first, responsive layout. For example, using three columns on a small screen and switching to five on a mid-sized screen will still leave the `margin-right` values on every third column from the previous breakpoint. This can be easily reset with Chaser’s included Omega Reset mixin.\n\nRead more about the main use of [Josh Fry’s Omega Reset here](http://joshfry.me/notes/omega-reset-for-bourbon-neat).\n\n```scss\n@include media(30em)  {\n  @include span-columns(6);\n  @include omega(2n);\n}\n\n@include media(48em)  {\n  @include omega-reset(2n); // Pass in the previous media query's omega() argument to reset it\n  @include span-columns(4);\n  @include omega(3n);\n}\n```\n\nThe `omega-reset()` mixin uses the number of columns in the current media query be default, but there may be times where you also need a reset after straying from your media query’s default. You may fix your grid in this situation by passing this number in as the second argument, like so:\n\n```scss\n// Variables\n$mid: new-breakpoint(max-width 30em 6); // Use 6 columns at this breakpoint\n\n// Elsewhere\n@include media($mid)  {\n  @include span-columns(8); // Intentionally break the 6 column grid\n  @include omega(2n);\n}\n\n@include media(48em)  {\n  @include omega-reset(2n, 8); // Reset the omega value in the context of 8, rather than 6\n  @include span-columns(4);\n  @include omega(3n);\n}\n```\n\nChaser’s version of `omega-reset()` support right-to-left and left-to-right layout switching, which will be documented further in the next versions.\n\n### Media Query Helper\n\n[Josh Fry’s Media Query Helper](http://joshfry.me/notes/sass-media-query-helper-for-designers/) displays information about the current media query you’re working within, which is useful for developing and within SCSS user interface tests.\n\n## Running locally\n\n```bash\ngit clone https://github.com/kennethormandy/chasers\ncd chasers\nnpm install -g harp # Install Harp to run the tests\nnpm install # Install Bourbon and Neat\nnpm test # Run the tests\n```\n\n## Contributing\n\nThanks for considering contributing! There’s information about how to [get started contributing to Chasers here](CONTRIBUTING.md).\n\n## License\n\n[The MIT License (MIT)](LICENSE.md)\n\nCopyright © 2014 [Josh Fry](http://joshfry.me/) \u0026 [Kenneth Ormandy](http://kennethormandy.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Fchasers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkennethormandy%2Fchasers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Fchasers/lists"}