{"id":20917958,"url":"https://github.com/avigoldman/postcss-target-email","last_synced_at":"2026-04-10T13:32:14.154Z","repository":{"id":81615028,"uuid":"100178039","full_name":"avigoldman/postcss-target-email","owner":"avigoldman","description":null,"archived":false,"fork":false,"pushed_at":"2017-09-18T18:34:25.000Z","size":6,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-13T17:51:47.601Z","etag":null,"topics":["client","css","email","postcss","postcss-plugin","target"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/avigoldman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2017-08-13T13:21:30.000Z","updated_at":"2023-10-20T20:31:36.000Z","dependencies_parsed_at":"2023-03-07T06:00:17.973Z","dependency_job_id":null,"html_url":"https://github.com/avigoldman/postcss-target-email","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/avigoldman/postcss-target-email","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/avigoldman%2Fpostcss-target-email","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/avigoldman%2Fpostcss-target-email/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/avigoldman%2Fpostcss-target-email/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/avigoldman%2Fpostcss-target-email/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/avigoldman","download_url":"https://codeload.github.com/avigoldman/postcss-target-email/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/avigoldman%2Fpostcss-target-email/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31645284,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"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":["client","css","email","postcss","postcss-plugin","target"],"created_at":"2024-11-18T16:36:43.754Z","updated_at":"2026-04-10T13:32:14.120Z","avatar_url":"https://github.com/avigoldman.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# postcss-target-email\n\nAdds `@client` media queries to allow you to target different email clients.\n\n### Installation\n\n```sh\nnpm install postcss-target-email --save\n```\n\n### Usage\n\n```js\npostcss([ require('postcss-target-email')({ comment: false, bodyClass: '.body' }) ])\n// do your processing here 🎉\n```\n\nOr use it in some other [PostCSS way](https://github.com/postcss/postcss#usage).\n\n### Options\n\n#### `comment`\n**Default:** `false`\n\nUse this option to define whether or not to add documenting comments above CSS.\n\n\n#### `bodyClass`\n**Default:** `.body`\n\nUse this option to set the class on your body. This is required to properly target your CSS.\n\n\n### Example\n\nIf you want to style all links on Gmail and Yahoo be colored orange you would write the following:\n\n```css\n@client gmail, yahoo {\n  a {\n    color: orange;\n  }\n}\n```\n\nYou will get this result:\n\n```css\n/**\n * Targeting gmail\n */\nu + .body a {\n  color: orange;\n}\n\n/**\n * Targeting yahoo\n */\n@media screen yahoo {\n  a {\n    color: orange;\n  }\n}\n```\n\n### Supported Clients\n\nAt the moment this package supports targeting the following clients.\n* `aol`\n* `yahoo`\n* `gmail`\n* `outlook-com`\n* `thunderbird`\n* `samsung`\n* `lotusnotes8`\n* `webkit` (not really a client, but quite helpful)\n\n### Sources\n\nThis package is entirely dependent on the amazing work of people in the email community.\n\n* [Yahoo](https://www.htmlemailcheck.com/knowledge-base/target-yahoo-mail-using-css-media-query/)\n* [AOL](https://www.emailonacid.com/blog/article/email-development/css-targeting-for-aol-mail)\n* [Gmail](http://freshinbox.com/blog/targeting-new-gmail-css/)\n* [Outlook.com, Thunderbird, WebKit, Lotus Notes 8, Samsung](http://tabletrtd.com/email-client-targeting/)\n\n### Related\n* [colornames to hex](https://github.com/avigoldman/postcss-colornames-to-hex)\n* [format hex colors](https://github.com/avigoldman/postcss-hex-format)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Favigoldman%2Fpostcss-target-email","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Favigoldman%2Fpostcss-target-email","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Favigoldman%2Fpostcss-target-email/lists"}