{"id":19615653,"url":"https://github.com/zabute/stylelint-processor-glamorous","last_synced_at":"2025-04-28T02:31:39.262Z","repository":{"id":46939421,"uuid":"121709938","full_name":"zabute/stylelint-processor-glamorous","owner":"zabute","description":":lipstick: Lint glamorous and related css-in-js with stylelint","archived":false,"fork":false,"pushed_at":"2023-01-04T22:48:28.000Z","size":1115,"stargazers_count":17,"open_issues_count":19,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-29T07:41:13.369Z","etag":null,"topics":["css-in-js","glamorous","linter","stylelint","stylelint-processor"],"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/zabute.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":"2018-02-16T03:05:39.000Z","updated_at":"2023-10-12T05:45:00.000Z","dependencies_parsed_at":"2023-02-02T22:40:14.606Z","dependency_job_id":null,"html_url":"https://github.com/zabute/stylelint-processor-glamorous","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fstylelint-processor-glamorous","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fstylelint-processor-glamorous/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fstylelint-processor-glamorous/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fstylelint-processor-glamorous/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zabute","download_url":"https://codeload.github.com/zabute/stylelint-processor-glamorous/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224091983,"owners_count":17254152,"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-in-js","glamorous","linter","stylelint","stylelint-processor"],"created_at":"2024-11-11T10:57:52.142Z","updated_at":"2024-11-11T10:57:53.435Z","avatar_url":"https://github.com/zabute.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# stylelint-processor-glamorous\n\u003e Lint [glamorous](https://github.com/paypal/glamorous) and related css-in-js with [stylelint](https://github.com/stylelint/stylelint)\n\n[![Build Status](https://travis-ci.org/zabute/stylelint-processor-glamorous.svg?branch=master)](https://travis-ci.org/zabute/stylelint-processor-glamorous)\n\n## Installation\n\n```sh\n$ yarn add stylelint stylelint-config-standard stylelint-processor-glamorous --dev\n```\n\n \u003e You can use `styleiint-config-recomended` or your own custom config. Certain rules that enforce formatting rules will be [ignored](/src/ignoredRules.js).\n\n\n### Add ```.stylelintrc``` to the root of your project:\n```json\n{\n  \"processors\": [\"stylelint-processor-glamorous\"],\n  \"extends\": \"stylelint-config-standard\"\n}\n```\n\nThat's it. You can now run stylelint from the command line.\n\n```sh\n$ yarn stylelint 'src/**/*.js'\n```\n\n\u003chr/\u003e\n\n## What gets linted\n- Glamorous component factories\n  ```js\n    import glamorous from 'glamorous'; // choose any name for the defaut export\n\n    const Component = glamorous.div({ ... });\n    const OtherComponent = glamorous('div')({ ... })\n  ```\n\n- CSS attributes\n\n  ```jsx\n    \u003cDiv css={{ ... }}/\u003e\n  ```  \n\n- Annotated object literals.\n  ```js\n  export const styles = \n    // @css\n    {\n      ...\n    }\n  ```\n  \n  The  `@css`  comment tells the processor that its a style object. Make sure you put it right before the opening brace.\n\n\u003chr/\u003e\n\n## Integrating with other css-in-js libraries\n  You can use `@css` to lint any object. Hoverver, if you stick to the `styled` pattern, you won't need to add annotations to your code.\n\n  ```js\n    import styled from 'my-fav-cssinjs-lib';\n\n    const Component = styled.div({ ... })\n    const OtherComponent = styled('div')({ ... })  \n  ```\n\n\u003chr/\u003e  \n\n## Contributing\nContributions of any kind are always welcome.\n\n\u003chr/\u003e\n\nLICENSE: [MIT](/LICENSE)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabute%2Fstylelint-processor-glamorous","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzabute%2Fstylelint-processor-glamorous","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabute%2Fstylelint-processor-glamorous/lists"}