{"id":15498214,"url":"https://github.com/yuezk/postcss-filter-gradient","last_synced_at":"2025-04-22T22:17:02.830Z","repository":{"id":57328003,"uuid":"46020300","full_name":"yuezk/postcss-filter-gradient","owner":"yuezk","description":"PostCSS plugin for generating the old IE supported filter gradients.","archived":false,"fork":false,"pushed_at":"2021-05-11T18:34:31.000Z","size":51,"stargazers_count":16,"open_issues_count":2,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-22T22:16:54.811Z","etag":null,"topics":["css-gradient","ie8-gradient","postcss"],"latest_commit_sha":null,"homepage":"https://npmjs.com/postcss-filter-gradient","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/yuezk.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2015-11-12T01:04:05.000Z","updated_at":"2022-08-10T18:22:26.000Z","dependencies_parsed_at":"2022-09-18T17:50:29.982Z","dependency_job_id":null,"html_url":"https://github.com/yuezk/postcss-filter-gradient","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuezk%2Fpostcss-filter-gradient","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuezk%2Fpostcss-filter-gradient/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuezk%2Fpostcss-filter-gradient/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuezk%2Fpostcss-filter-gradient/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yuezk","download_url":"https://codeload.github.com/yuezk/postcss-filter-gradient/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250331819,"owners_count":21413103,"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-gradient","ie8-gradient","postcss"],"created_at":"2024-10-02T08:42:30.946Z","updated_at":"2025-04-22T22:17:02.779Z","avatar_url":"https://github.com/yuezk.png","language":"JavaScript","readme":"# PostCSS Filter Gradient\n\n[PostCSS] plugin for generating the old IE supported filter gradient.\n\n[![Build Status][ci-img]][ci]\n[![Coverage Status][co-img]][co]\n\n[PostCSS]: https://github.com/postcss/postcss\n[ci-img]:  https://travis-ci.org/yuezk/postcss-filter-gradient.svg\n[ci]:      https://travis-ci.org/yuezk/postcss-filter-gradient\n[co-img]: https://coveralls.io/repos/github/yuezk/postcss-filter-gradient/badge.svg?branch=master\n[co]: https://coveralls.io/github/yuezk/postcss-filter-gradient?branch=master\n\n```css\n.foo {\n    /* Input example */\n    background: linear-gradient(to bottom, #1e5799, #7db9e8);\n}\n```\n\n```css\n.foo {\n    /* Output example */\n    background: linear-gradient(to bottom, #1e5799, #7db9e8);\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e5799', endColorstr='#ff7db9e8', GradientType=0);\n}\n```\n\n## Install\n\nFor `postcss 6.x`:\n\n```sh\nnpm install postcss-filter-gradient --save-dev\n```\n\nand for `postcss 5.x`\n\n```sh\nnpm install postcss-filter-gradient@0.x --save-dev\n```\n\n## Usage\n\n```js\npostcss([ require('postcss-filter-gradient') ])\n```\n\n## Options\n\n### angleFallback\n\nDefault: `true`\n\nIE filter doesn't support angular gradient. By default, when processing the angular gradient,\nwe will convert the angle to its closest direction. You can disable this feature by setting this option to `false`.\n\n### skipMultiColor\n\nDefault: `false`\n\nIf set to `true`, we will not handle the rules which have multi color stops. It is useful when you want use a\nbackground color as fallback.\n\n### skipWarnings\n\nDefault: `false`\n\nIf set to `true`, all warnings will be suppressed.\n\n## Limitation\n\nThe IE filter gradient only support horizontal and vertical directions, and only support two colors. So, if there are more\nthan two colors in the color stops, we only pick the first and the last one. You can skip it by setting\n`option.skipMultiColor` to `true`.\n\n## FAQ\n\n### Does it support legacy gradient syntax?\n\nNo. We only transform the standard `linear-gradient` syntax.\n\nYou can use the [postcss-gradientfixer][postcss-gradientfixer] to unprefix it first.\n\n### Does it support angluar gradient?\n\nYes. This plugin only support `deg` unit. It will convert angular to the closest direction. For example, it convert `90deg` to `right`\nand convert `10deg` to `top`, positive angluar are also supported.\n\nSee [PostCSS] docs for examples for your environment.\n\n## [CHANGELOG](CHANGELOG.md)\n\n## LICENSE\n\n[MIT](LICENSE)\n\n[postcss-gradientfixer]: https://github.com/hallvors/postcss-gradientfixer\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuezk%2Fpostcss-filter-gradient","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuezk%2Fpostcss-filter-gradient","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuezk%2Fpostcss-filter-gradient/lists"}