{"id":18496530,"url":"https://github.com/oddbird/accoutrement-layout","last_synced_at":"2025-04-08T22:32:16.980Z","repository":{"id":25817452,"uuid":"29256593","full_name":"oddbird/accoutrement-layout","owner":"oddbird","description":"Layout helpers in Sass","archived":false,"fork":false,"pushed_at":"2024-01-30T14:20:23.000Z","size":3122,"stargazers_count":1,"open_issues_count":5,"forks_count":1,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-10-29T18:48:43.707Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":"Unmaintained","scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oddbird.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"github":"oddbird","open_collective":"oddbird-open-source"}},"created_at":"2015-01-14T17:33:45.000Z","updated_at":"2016-12-29T07:32:56.000Z","dependencies_parsed_at":"2024-04-16T01:26:56.060Z","dependency_job_id":"0007d124-348b-4b10-82b7-ad7ceba46f3b","html_url":"https://github.com/oddbird/accoutrement-layout","commit_stats":{"total_commits":39,"total_committers":4,"mean_commits":9.75,"dds":"0.10256410256410253","last_synced_commit":"269f95fee06ecac18c7f49aeb93c7db1ab1e8884"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Faccoutrement-layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Faccoutrement-layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Faccoutrement-layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Faccoutrement-layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oddbird","download_url":"https://codeload.github.com/oddbird/accoutrement-layout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247935519,"owners_count":21020845,"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-06T13:29:54.306Z","updated_at":"2025-04-08T22:32:16.944Z","avatar_url":"https://github.com/oddbird.png","language":"CSS","funding_links":["https://github.com/sponsors/oddbird","https://opencollective.com/oddbird-open-source"],"categories":[],"sub_categories":[],"readme":"Accoutrement-Layout\n===================\n\nSass layout utilities\nby [OddBird][oddbird].\nProvides layout utilities\nsuch as media-query helpers,\na float clearfix,\nglobal box-sizing,\npositioning shortcuts,\nand fluid aspect ratios.\n\n[oddbird]: http://oddbird.net/\n\n\nMore Accoutrement Tools\n-----------------------\n\n- [Init](http://oddbird.net/accoutrement-init/)\n  provides light-weight browser-normalization.\n- [Color](http://oddbird.net/accoutrement-color/)\n  provides color-palette management and contrast-ratio utilities.\n- [Scale](http://oddbird.net/accoutrement-scale/)\n  helps manage scale patterns like font-sizes, margins, and gutters.\n- [Type](http://oddbird.net/accoutrement-type/)\n  provides webfont management tools,\n  and other typography helpers.\n\n\nQuick Start\n-----------\n\nInstall the package with npm or yarn\n\n```bash\nnpm install accoutrement-layout\nyarn add accoutrement-layout\n```\n\nImport the library:\n\n```scss\n@import '\u003cpath-to\u003e/accoutrement-layout/sass/layout';\n```\n\nEstablish your media-query breakpoints,\nor use sizes from [Accoutrement-Scale][scale] directly:\n\n```scss\n$sizes: (\n  'page': 36rem,\n);\n\n$breakpoints: (\n  'banner-text': 24em,\n);\n```\n\nAccess your breakpoints with\n`above()`, `below()`, and `between()` mixins.\nWhen possible `em` and `rem` units will be converted to\nbrowser-default relative `em` sizes:\n\n```\n.banner-text {\n  display: none;\n\n  @include above('banner-text') {\n    display: block;\n  }\n}\n\n.container {\n  @include below('page') {\n    padding: .5em;\n  }\n}\n```\n\nWe remove `.09em` or `1px`\nfrom `max-width` queries,\nto account for media-query overlap issues.\n\n[scale]: http://oddbird.net/accoutrement-scale/docs/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foddbird%2Faccoutrement-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foddbird%2Faccoutrement-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foddbird%2Faccoutrement-layout/lists"}