{"id":15757722,"url":"https://github.com/giuseppeg/suitcss-components-module","last_synced_at":"2026-02-21T14:33:41.476Z","repository":{"id":146252737,"uuid":"60601743","full_name":"giuseppeg/suitcss-components-module","owner":"giuseppeg","description":"A SUIT component for OOCSS Module / Section layouts","archived":false,"fork":false,"pushed_at":"2016-06-07T11:09:43.000Z","size":7,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-18T08:04:56.600Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://giuseppeg.github.io/suitcss-components-module/test","language":"HTML","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/giuseppeg.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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,"publiccode":null,"codemeta":null}},"created_at":"2016-06-07T09:45:48.000Z","updated_at":"2025-02-10T15:12:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"8ab9d0f3-8f92-4c75-842c-90a15add9db6","html_url":"https://github.com/giuseppeg/suitcss-components-module","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/giuseppeg/suitcss-components-module","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giuseppeg%2Fsuitcss-components-module","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giuseppeg%2Fsuitcss-components-module/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giuseppeg%2Fsuitcss-components-module/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giuseppeg%2Fsuitcss-components-module/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/giuseppeg","download_url":"https://codeload.github.com/giuseppeg/suitcss-components-module/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giuseppeg%2Fsuitcss-components-module/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29683996,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T14:31:22.911Z","status":"ssl_error","status_checked_at":"2026-02-21T14:31:22.570Z","response_time":107,"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":[],"created_at":"2024-10-04T09:23:57.816Z","updated_at":"2026-02-21T14:33:41.459Z","avatar_url":"https://github.com/giuseppeg.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SUIT Module\n\n[![Build Status](https://secure.travis-ci.org/giuseppeg/components-module.svg?branch=master)](http://travis-ci.org/giuseppeg/components-module)\n\nA SUIT component for OOCSS Module / Section layouts – inspired by Nicole Sullivan's [Module component](https://github.com/stubbornella/oocss/wiki/standard-module-format).\n\nRead more about [SUIT's design principles](https://github.com/suitcss/suit/).\n\n## Installation\n\n* [npm](https://npmjs.org/): `npm install suitcss-components-module`\n* Download: [releases](https://github.com/giuseppeg/components-module/releases/latest)\n\n## Available classes\n\n* `Module` - The core class\n* `Module-block` - A block unit, can contain headers, content, footers etc.\n* `Module-block--separated` - Separates a Module-block from the Module-block above\n* `Module--withGutter[Sm|Lg]` – Adds vertical spacing between `Module-block` where Sm = small, Lg = large\n* `Module--withPadding[Sm|Lg]` – Adds inner spacing to each `Module-block`  where Sm = small, Lg = large\n\n## Configurable variables\n\nGutter is the vertical space between Module-block(s)\n\n```css\n--Module-gutter\n--Module-gutter-sm\n--Module-gutter-lg\n```\n\nPadding for the Module-block\n\n```css\n--Module-padding\n--Module-padding-sm\n--Module-padding-lg\n```\n\nSeparator border for the Module-block\n\n```css\n--Module-block-separated-borderColor\n```\n\n## Usage\n\n```html\n\u003cdiv class=\"Module\"\u003e\n  \u003cdiv class=\"Module-block\"\u003e...\u003c/div\u003e\n  \u003cdiv class=\"Module-block\"\u003e...\u003c/div\u003e\n  ...\n\u003c/div\u003e\n```\n\nSee the [test](./test/index.html) file for more examples.\n\n## Testing\n\nInstall [Node](http://nodejs.org) (comes with npm).\n\n```\nnpm install\n```\n\nTo generate a build:\n\n```\nnpm run build\n```\n\nTo generate the testing build.\n\n```\nnpm run build-test\n```\n\nBasic visual tests are in `test/index.html`.\n\nTo pre-process:\n\n```\nnpm run preprocess\n```\n\nTo pre-process the tests:\n\n```\nnpm run preprocess-test\n```\n\n## Browser support\n\n* Google Chrome (latest)\n* Opera (latest)\n* Firefox 4+\n* Safari 5+\n* Internet Explorer 8+\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiuseppeg%2Fsuitcss-components-module","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiuseppeg%2Fsuitcss-components-module","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiuseppeg%2Fsuitcss-components-module/lists"}