{"id":13484290,"url":"https://github.com/hashanp/postcss-spiffing","last_synced_at":"2025-03-27T16:30:38.367Z","repository":{"id":29906441,"uuid":"33452171","full_name":"hashanp/postcss-spiffing","owner":"hashanp","description":"PostCSS plugin to use British English","archived":false,"fork":false,"pushed_at":"2024-08-20T18:24:56.000Z","size":20,"stargazers_count":261,"open_issues_count":4,"forks_count":13,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-01T20:02:50.840Z","etag":null,"topics":["css","english","postcss","postcss-plugin"],"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/hashanp.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":"2015-04-05T19:21:49.000Z","updated_at":"2025-02-27T10:11:25.000Z","dependencies_parsed_at":"2024-10-30T18:41:18.402Z","dependency_job_id":null,"html_url":"https://github.com/hashanp/postcss-spiffing","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashanp%2Fpostcss-spiffing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashanp%2Fpostcss-spiffing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashanp%2Fpostcss-spiffing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashanp%2Fpostcss-spiffing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hashanp","download_url":"https://codeload.github.com/hashanp/postcss-spiffing/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245882215,"owners_count":20687851,"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","english","postcss","postcss-plugin"],"created_at":"2024-07-31T17:01:21.978Z","updated_at":"2025-03-27T16:30:38.098Z","avatar_url":"https://github.com/hashanp.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"postcss-spiffing\n---\n\u003e My hands are of your colour, but I shame\u003cbr\u003e\nTo wear a heart so white.\u003cbr\u003e\n\\- William Shakespeare, *Macbeth*\n\nShakespeare wouldn't have settled for using \"color\" rather than \"colour\" in CSS, and neither should you! He would've recognised that in doing so, he would've comprised the whole integrity of his writing.\n\nWrite CSS using proper British English anywhere with `postcss-spiffing`.\n\nThe main differences between this and `spiffing` by [muan](https://github.com/muan), are that this integrates with `postcss` and does not use regular expressions.\n\n### Install\n```bash\nnpm install postcss-spiffing --save-dev\n```\n\n### Example\n```css\n/* Your well-spelt CSS */\n\nbody {\n  background-colour: grey;\n  transparency: 0.3;\n  text-align: centre;\n  text-transform: capitalise;\n  border: 1px solid grey;\n}\n\nspan {\n  font-weight: plump;\n}\n\n.frame {\n  background-photograph: url(\"/queen.png\") !please;\n}\n\n.hello {\n\tcontent: \"subjects\";\n\tcolour: grey;\n}\n```\n\nwill go to:\n\n```css\nbody {\n  background-color: gray;\n  opacity: 0.7;\n  text-align: center;\n  text-transform: capitalize;\n  border: 1px solid gray;\n}\n\nspan {\n  font-weight: bold;\n}\n\n.frame {\n  background-image: url(\"/queen.png\") !important;\n}\n\n.hello {\n\tcontent: \"subjects\";\n\tcolor: gray;\n}\n```\n\n### Use\n```js\nvar postcss = require(\"postcss\");\nvar spiffing = require(\"postcss-spiffing\");\nvar fs = require(\"fs\");\n\nvar css = fs.readFileSync(\"random.css\");\n\nconsole.log(postcss(spiffing()).process(css).css);\n```\n\nTo use this with `gulp`, use [gulp-postcss](https://github.com/w0rm/gulp-postcss).\n\n### Changes Applied\n1. `colour` goes to `color`\n2. `plump` goes to `bold`\n3. `capitalise` goes to `capitalize`\n4. `!please` goes to `!important`\n5. `centre` goes to `center`\n6. `grey` goes to `gray`\n7. `background-photograph` goes to `background-image` (`list-style-photograph` is supported too)\n8. `transparency` goes to `opacity` (since transparency is the opposite of opacity it becomes (1-n))\n9. `storey` goes to `z-index` (`ground` equals 1 and so on)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashanp%2Fpostcss-spiffing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashanp%2Fpostcss-spiffing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashanp%2Fpostcss-spiffing/lists"}