{"id":19445125,"url":"https://github.com/superreal/srgrid","last_synced_at":"2025-04-25T01:31:13.265Z","repository":{"id":57163700,"uuid":"88859473","full_name":"superReal/srgrid","owner":"superReal","description":"Dead Simple Flexbox Grid","archived":false,"fork":false,"pushed_at":"2018-07-12T14:17:19.000Z","size":4151,"stargazers_count":13,"open_issues_count":2,"forks_count":3,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-10-31T18:28:54.163Z","etag":null,"topics":["css-grid","flexbox","grid","grid-system","responsive"],"latest_commit_sha":null,"homepage":"https://superreal.github.io/srgrid/","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/superReal.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-20T11:46:29.000Z","updated_at":"2024-05-10T19:10:07.000Z","dependencies_parsed_at":"2022-09-01T10:41:32.762Z","dependency_job_id":null,"html_url":"https://github.com/superReal/srgrid","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/superReal%2Fsrgrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superReal%2Fsrgrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superReal%2Fsrgrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superReal%2Fsrgrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/superReal","download_url":"https://codeload.github.com/superReal/srgrid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223976270,"owners_count":17234751,"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":["css-grid","flexbox","grid","grid-system","responsive"],"created_at":"2024-11-10T16:09:24.338Z","updated_at":"2024-11-10T16:09:24.974Z","avatar_url":"https://github.com/superReal.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sR Grid\n\u003e Dead Simple Flexbox Grid\n\n[![Dependency Status](https://david-dm.org/superReal/srgrid.svg)](https://david-dm.org/superReal/srgrid)\n[![devDependencies Status](https://david-dm.org/superreal/srgrid/dev-status.svg)](https://david-dm.org/superreal/srgrid?type=dev)\n[![Code Climate](https://codeclimate.com/github/superReal/srgrid/badges/gpa.svg)](https://codeclimate.com/github/superReal/srgrid)\n[![Build Status](https://travis-ci.org/superReal/srgrid.svg?branch=master)](https://travis-ci.org/superReal/srgrid)\n[![Known Vulnerabilities](https://snyk.io/test/github/superReal/srgrid/badge.svg)](https://snyk.io/test/github/superReal/srgrid)\n\nsR Grid is a flexible and fully responsive grid system based on [Flexbox](https://www.w3.org/TR/css-flexbox-1/).\nIt follows the mobile first approach and the [features](/docs/features/README.md) are module-based. In the default setup each feature is disabled \nand can be enabled as required. In this way the generated code remains as small as possible.\n\nThe sR Grid uses data attributes. The markup remains clear and easy to understand.\n\n\n## Installation\n     \n```bash\n$ yarn add @superreal/srbreakpoints @superreal/srgrid\n```\n\nIf you prefer using npm:\n\n```bash\n$ npm install --save @superreal/srbreakpoints @superreal/srgrid\n```\n\n*Note: the sR Grid module uses [sR Breakpoints](https://github.com/superreal/srbreakpoints) as a dependency.*\n\n\n## Usage\n\n1. Import the sR Breakpoints \u0026 sR Grid modules\n2. [Init sR Breakpoints](https://github.com/superreal/srbreakpoints#usage) module\n3. Create a sR Grid grid\n\n```scss\n@import 'path_to_node_modules_folder/@superreal/srbreakpoints/src/styles/srbreakpoints.scss';\n@import 'path_to_node_modules_folder/@superreal/srgrid/src/styles/srgrid.scss';\n\n@include srbreakpoints-init(\n // Your sR Breakpoints settings\n);\n@include srgrid-create-grid(\n // Your sR Grid settings\n);\n```\n\n## Browser compatibility\n\n### Desktop\n| Chrome | Firefox | Safari | Opera | EDGE | Internet Explorer |\n|:------:|:-------:|:------:|:-----:|:----:|:-----------------:|\n| 29     | 28      | 9      | 17    | 12   | 11                |\n\n### Mobile\n| Chrome for Android | iOS Safari | Android Browser | Samsung Internet |\n|:------------------:|:----------:|:---------------:|:----------------:|\n| 57                 | 9.2        | 4.4             | 4                |\n\n\n## Documentation\n* [Settings](https://superreal.github.io/srgrid/docs/settings)\n* [Helpers](https://superreal.github.io/srgrid/docs/helpers)\n* [Features](https://superreal.github.io/srgrid/docs/features/)\n* [Advanced](https://superreal.github.io/srgrid/docs/advanced)\n\n\n## License (MIT)\nCopyright (c) [superReal GmbH](http://www.superreal.de)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperreal%2Fsrgrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuperreal%2Fsrgrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperreal%2Fsrgrid/lists"}