{"id":21448961,"url":"https://github.com/stackcss/sheetify-sibling","last_synced_at":"2025-03-17T02:12:03.146Z","repository":{"id":57358271,"uuid":"115106682","full_name":"stackcss/sheetify-sibling","owner":"stackcss","description":"A sheetify plugin add sibling class selector to any first level class selector.","archived":false,"fork":false,"pushed_at":"2018-01-16T08:23:40.000Z","size":9,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-12T13:04:19.716Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/stackcss.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":"2017-12-22T10:50:23.000Z","updated_at":"2017-12-24T03:29:28.000Z","dependencies_parsed_at":"2022-09-06T21:41:07.164Z","dependency_job_id":null,"html_url":"https://github.com/stackcss/sheetify-sibling","commit_stats":null,"previous_names":["zhouhansen/sheetify-sibling"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackcss%2Fsheetify-sibling","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackcss%2Fsheetify-sibling/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackcss%2Fsheetify-sibling/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackcss%2Fsheetify-sibling/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackcss","download_url":"https://codeload.github.com/stackcss/sheetify-sibling/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243960666,"owners_count":20375105,"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-23T03:17:40.976Z","updated_at":"2025-03-17T02:12:03.128Z","avatar_url":"https://github.com/stackcss.png","language":"JavaScript","readme":"# sheetify-sibling [![stability][0]][1]\n [![npm version][2]][3] [![downloads][4]][5]\n ![travis build][6]\n\nA sheetify plugin add sibling class to any *firstLevel* class selector.\n\nApply on global css module in *node_modules/* only.\n\n## why\nRecently I dev a website without tachyons, after I used it on a new component. Tachyons conflicted with my old code. I can solve this if I can use tachyons with an additional identify class 'tachyons' like semantic-ui's 'ui', then sheetify-sibling born.\n\n```html\n\u003c!-- semantic-ui --\u003e\n\u003cdiv class=\"ui four column doubling stackable grid container\"\u003e\n  \u003cdiv class=\"column\"\u003e\n    \u003cp\u003e\u003c/p\u003e\n    \u003cp\u003e\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003c!--\n  tachyons: I'd like to have a identify class too\n  sheetify-sibling: you will..\n--\u003e\n\u003cp class=\"tachyons pa1 fs-normal center cf\"\u003e\u003c/p\u003e\n```\n\n## example\n\n```css\n/* a global css module */\n.a{\n  color: red\n}\n.b, .c{\n  color: black\n}\n.c \u003e .e .f{\n  color: green\n}\n.d.v{\n  font-size: 10px\n}\n\n```\n\n```js\n/* run */\nconst browserify = require('browserify')\n\nbrowserify()\n .transform('sheetify', { use: [\n   [ 'sheetify-sibling', {'somecsslib': 'sibling'} ]\n ] })\n .bundle()\n```\n\n```css\n/* result */\n.a.sibling{\n  color: red\n}\n.b.sibling, .c.sibling{\n  color: black\n}\n.c.sibling \u003e .e .f{\n  color: green\n}\n.d.v.sibling{\n  font-size: 10px\n}\n```\n\n## usage\n\n### javascript\n```js\nconst browserify = require('browserify')\n\nbrowserify()\n .transform('sheetify', { use: [ 'sheetify-sibling', {\n   // globalCssModuleName: siblingName\n   'tachyons-flexbox': 'tachyons',\n   'tachyons-skins': 'tachyons'\n } ] })\n .bundle()\n```\n\n### package.json\n```json\n{\n  \"browserify\": {\n    \"transform\": [\n      [ \"sheetify\",\n        {\n          \"u\": [\n            [\n              \"sheetify-sibling\", {\n                \"tachyons-flexbox\": \"tachyons\",\n                \"tachyons-skins\": \"tachyons\"      \n              }\n            ]\n          ]\n        }        \n      ]\n    ]\n  }\n}\n```\n\n## License\n[MIT](https://tldrlegal.com/license/mit-license)\n\n[0]: https://img.shields.io/badge/stability-stable-green.svg\n[1]: https://nodejs.org/api/documentation.html#documentation_stability_index\n[2]: https://img.shields.io/npm/v/sheetify-sibling.svg?style=flat-square\n[3]: https://npmjs.org/package/sheetify-sibling\n[4]: http://img.shields.io/npm/dm/sheetify-sibling.svg?style=flat-square\n[5]: https://npmjs.org/package/sheetify-sibling\n[6]: https://travis-ci.org/stackcss/sheetify-sibling.svg?branch=master\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackcss%2Fsheetify-sibling","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackcss%2Fsheetify-sibling","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackcss%2Fsheetify-sibling/lists"}