{"id":13759390,"url":"https://github.com/kellymears/tailwind-gutenberg-components","last_synced_at":"2025-03-30T14:30:52.229Z","repository":{"id":47330907,"uuid":"188529219","full_name":"kellymears/tailwind-gutenberg-components","owner":"kellymears","description":"A Tailwind plugin for WordPress theme developers.","archived":true,"fork":false,"pushed_at":"2021-09-02T22:15:47.000Z","size":28,"stargazers_count":102,"open_issues_count":3,"forks_count":20,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-16T07:14:15.464Z","etag":null,"topics":[],"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/kellymears.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}},"created_at":"2019-05-25T06:27:23.000Z","updated_at":"2025-03-05T10:45:42.000Z","dependencies_parsed_at":"2022-09-19T08:01:28.172Z","dependency_job_id":null,"html_url":"https://github.com/kellymears/tailwind-gutenberg-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kellymears%2Ftailwind-gutenberg-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kellymears%2Ftailwind-gutenberg-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kellymears%2Ftailwind-gutenberg-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kellymears%2Ftailwind-gutenberg-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kellymears","download_url":"https://codeload.github.com/kellymears/tailwind-gutenberg-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246331837,"owners_count":20760365,"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":[],"created_at":"2024-08-03T13:00:52.187Z","updated_at":"2025-03-30T14:30:49.930Z","avatar_url":"https://github.com/kellymears.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Tailwind/Gutenberg\n\n\u003e A Tailwind plugin for WordPress theme developers.\n\n⚠️ 8️⃣ung! Work-in-progress! PRs welcome. All one or none! Long life and eternal happiness. Wash with Doc Bronners, 18 uses, three times daily! In all we do let us be generous with our commits!\n\n## Current modules\n\n- `aspect-ratios.js`\n- `block-content.js`\n- `block-cover.js`\n- `block-embed.js`\n- `block-image.js`\n- `block-table.js`\n- `block-video.js`\n- `colors.js`\n- `columns.js`\n- `figcaption.js`\n- `group.js`\n- `typography.js`\n\n## Contributing\n\nHonestly, thanks! This thing cannot succeed without community support and contributions. 🍻\n\n`Tailwind/Gutenberg` is broken into modules to the extent that it can be so as to not  wastefully generate classes which aren't utilized.\n\nIf submitting a PR:\n\n### Do not utilize default theme() keys in your module code\n\nIn your module avoid utilizing theme configuration values outside of the `theme.gutenberg` key.\n\n**Example:**\n\n```js\n  // 🚫 Bad\n  const cover = ({\n    '.wp-block-cover': {\n      paddingTop: theme('spacing.2xl'),\n    }\n  })\n\n  // 🤟🏽 Good\n  const options = theme('gutenberg.blocks.cover')\n  const cover = ({\n    '.wp-block-cover': {\n      paddingTop: theme('gutenberg.spacing.vertical.default'),\n    }\n  })\n}\n```\n\nThe one exception to utilizing `theme()` is when providing default values in `tailwind.config.js`, and in that case you should absolutely use it and stick to keys found in the stock tailwind config file.\n\n### Do not hardcode property values\n\nTry not to set values directly. Try to source everything from the configuration file.\n\n**Example:**\n\n```js\n  // 🚫 Bad\n  const cover = ({\n    '.wp-block-cover': {\n      paddingTop: '2rem',\n    }\n  })\n\n  // 🤟🏽 Good\n  const options = theme('gutenberg.blocks.cover')\n  const cover = ({\n    '.wp-block-cover': {\n      paddingTop: options.verticalPadding,\n    }\n  })\n}\n```\n\n## Thanks!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkellymears%2Ftailwind-gutenberg-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkellymears%2Ftailwind-gutenberg-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkellymears%2Ftailwind-gutenberg-components/lists"}