{"id":22191345,"url":"https://github.com/dustin-archive/taffy-grid","last_synced_at":"2026-02-18T11:31:52.864Z","repository":{"id":58227935,"uuid":"45062241","full_name":"dustin-archive/taffy-grid","owner":"dustin-archive","description":"Sweet responsive grids","archived":false,"fork":false,"pushed_at":"2016-12-04T03:21:22.000Z","size":57,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-14T09:03:32.818Z","etag":null,"topics":["extend","grid","grids","mixin","mixins","placeholder","responsive","sass","scss","taffy"],"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/dustin-archive.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-10-27T18:42:48.000Z","updated_at":"2025-08-07T05:59:57.000Z","dependencies_parsed_at":"2022-08-31T08:42:16.141Z","dependency_job_id":null,"html_url":"https://github.com/dustin-archive/taffy-grid","commit_stats":null,"previous_names":["taffy-grid/grid"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/dustin-archive/taffy-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dustin-archive%2Ftaffy-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dustin-archive%2Ftaffy-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dustin-archive%2Ftaffy-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dustin-archive%2Ftaffy-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dustin-archive","download_url":"https://codeload.github.com/dustin-archive/taffy-grid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dustin-archive%2Ftaffy-grid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29577854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T08:38:15.585Z","status":"ssl_error","status_checked_at":"2026-02-18T08:38:14.917Z","response_time":162,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["extend","grid","grids","mixin","mixins","placeholder","responsive","sass","scss","taffy"],"created_at":"2024-12-02T12:15:39.088Z","updated_at":"2026-02-18T11:31:52.851Z","avatar_url":"https://github.com/dustin-archive.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"Grid\n===\n\n\u003e Sweet responsive grids\n\n## Rationale\n+ Only outputs the CSS you use\n+ Uses a combination of flex and calc to ensure accuracy\n+ Keeps output small by extending classes, even within media queries\n+ Uses `taffy-break` for syncing grids and breakpoints\n+ Includes optional responsive product grid layout\n+ Includes optional work arounds for Internet Explorer 10\n\n## Installation\n+ Install with NPM\n+ Import dependencies\n\n```\n$ npm install --save taffy-grid\n```\n\n```scss\n@import '../node_modules/taffy-util/main';\n@import '../node_modules/taffy-break/main';\n@import '../node_modules/taffy-adapt/main';\n@import '../node_modules/taffy-grid/main';\n```\n\n## Usage\n\n### `%grid`\n\nGrid placeholder for items\n\n#### Example\n\n```scss\n.taffy-grid {\n  @extend %grid;\n}\n```\n\n```html\n\u003cdiv class='taffy-grid'\u003e ... \u003c/div\u003e\n```\n\n### `@include item($item [($break $item) ($break $item) ($break $item) ...])`\n\nExtends item placeholders that are generated on import and qualified by `%grid`\n\n#### Parameters\n+ `$item`: width of the column \u003csup\u003e1\u003c/sup\u003e\n+ `$break`: point at which `$item` is applied as the width of the column \u003csup\u003e1\u003c/sup\u003e\n\n\u003e \u003csup\u003e1\u003c/sup\u003e between `1` and [`$break-amount`](www.google.com)\n\n#### Example\n\n```scss\n.taffy-item {\n  @include item(2 (6 4) (8 6));\n}\n```\n\n```html\n\u003cdiv class='taffy-grid'\u003e\n  \u003cdiv class='taffy-item'\u003e ... \u003c/div\u003e\n  \u003cdiv class='taffy-item'\u003e ... \u003c/div\u003e\n  \u003cdiv class='taffy-item'\u003e ... \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### `$grid-fixed`\n\nEnables a consistent item width layout when set to `true`\n\n#### Example\n\n```scss\n$grid-fixed: true;\n```\n\n### `$grid-ie10`\n\nEnables IE10 work arounds when set to true\n\n#### Example\n\n```scss\n$grid-ie10: true;\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdustin-archive%2Ftaffy-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdustin-archive%2Ftaffy-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdustin-archive%2Ftaffy-grid/lists"}