{"id":17295345,"url":"https://github.com/kevinbatdorf/pattern-css","last_synced_at":"2026-04-11T13:18:39.290Z","repository":{"id":66741375,"uuid":"591825656","full_name":"KevinBatdorf/pattern-css","owner":"KevinBatdorf","description":"A WordPress editor plugin to safely add CSS to your reusable patterns or any random pattern.","archived":false,"fork":false,"pushed_at":"2025-09-27T13:06:31.000Z","size":32328,"stargazers_count":32,"open_issues_count":10,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-09-27T14:28:09.664Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://wordpress.org/plugins/pattern-css","language":"TypeScript","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/KevinBatdorf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["kevinbatdorf"]}},"created_at":"2023-01-22T01:31:42.000Z","updated_at":"2025-09-27T12:43:10.000Z","dependencies_parsed_at":"2023-02-26T16:00:42.484Z","dependency_job_id":"0f05887b-ac66-4a58-a3fa-634d8b823e2a","html_url":"https://github.com/KevinBatdorf/pattern-css","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":"KevinBatdorf/gutenberg-rust-starter","purl":"pkg:github/KevinBatdorf/pattern-css","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinBatdorf%2Fpattern-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinBatdorf%2Fpattern-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinBatdorf%2Fpattern-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinBatdorf%2Fpattern-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KevinBatdorf","download_url":"https://codeload.github.com/KevinBatdorf/pattern-css/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinBatdorf%2Fpattern-css/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003723,"owners_count":26083610,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-10-15T11:10:02.350Z","updated_at":"2026-04-01T23:55:06.088Z","avatar_url":"https://github.com/KevinBatdorf.png","language":"TypeScript","funding_links":["https://github.com/sponsors/kevinbatdorf"],"categories":[],"sub_categories":[],"readme":"## Pattern CSS\n\nLightening Fast, Reusable, Safe, In-editor CSS Optimization and Minification Tool. The perfect compliment to your site's theme.json. Safely add custom CSS to any WordPress block, including synced reusable blocks. Supports adding global CSS too.\n\n[![Twitter](https://img.shields.io/twitter/url/https/twitter.com/kevinbatdorf.svg?style=social\u0026label=Follow%20%40kevinbatdorf)](https://twitter.com/kevinbatdorf)\n\n\u003c!-- add screenshot from .wordpress-org/screenshot-2.gif --\u003e\n![Pattern CSS](https://raw.githubusercontent.com/kevinbatdorf/pattern-css/main/.wordpress-org/screenshot-2.gif)\n\n### Features\n\n- It's fast. CSS is minified and optimized in the browser\n- It's safe. Invalid, non-spec CSS is never persisted (validated via webassembly sandbox)\n- Scopes styles to the block, removing the need to manage class naming\n- Supports reusable (synced or not-synced) patterns\n- See changes on the page as you make them\n- Combines adjacent rules (to decrease size)\n- Minifies colors and math functions to simplify according to spec\n\n### Tips\n\n- Use `[block]` to target the current block directly instead of children\n- Use `!important` to override some of your theme styles (use sparingly)\n\n### Combines Rules\n\n```css\n[block] {\n  color: red;\n}\n.bar {\n  color: red;\n}\n\n/* output: */\n.pcss-f903c5c0,.pcss-f903c5c0 .bar{color:red}\n```\n\n### Fixes redundant properties\n\n```css\n[block] {\n  padding-top: 5px;\n  padding-left: 50px;\n  padding-bottom: 15px;\n  padding-right: 5px;\n}\n\n/* output: */\n.pcss-f903c5c0{padding:5px 5px 15px 50px}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinbatdorf%2Fpattern-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinbatdorf%2Fpattern-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinbatdorf%2Fpattern-css/lists"}