{"id":13480231,"url":"https://github.com/hdodov/tailwindcss-localized","last_synced_at":"2025-06-14T17:08:29.848Z","repository":{"id":65514202,"uuid":"181065053","full_name":"hdodov/tailwindcss-localized","owner":"hdodov","description":"Tailwind CSS variant for styling based on site language.","archived":false,"fork":false,"pushed_at":"2019-04-12T19:45:09.000Z","size":2,"stargazers_count":8,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-24T01:46:07.257Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hdodov.png","metadata":{"files":{"readme":"readme.md","changelog":null,"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":"2019-04-12T18:40:20.000Z","updated_at":"2023-09-22T18:47:13.000Z","dependencies_parsed_at":"2023-01-26T21:00:58.989Z","dependency_job_id":null,"html_url":"https://github.com/hdodov/tailwindcss-localized","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/hdodov%2Ftailwindcss-localized","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hdodov%2Ftailwindcss-localized/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hdodov%2Ftailwindcss-localized/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hdodov%2Ftailwindcss-localized/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hdodov","download_url":"https://codeload.github.com/hdodov/tailwindcss-localized/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245826823,"owners_count":20678862,"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-07-31T17:00:36.099Z","updated_at":"2025-03-27T10:31:13.621Z","avatar_url":"https://github.com/hdodov.png","language":"JavaScript","readme":"# tailwindcss-localized\n\nAllows you to create utilities that have an effect only on certain page languages. Since content looks differently across translations, those utilities can help you tweak your site so that it always looks great.\n\n## Installation\n\n```\nnpm i tailwindcss-localized -D\n```\n\n## Usage\n\nIn your Tailwind config, simply `require()` the plugin and specify the languages you want to target in the `theme` object:\n\n```js\n{\n  theme: {\n    languages: ['de', 'fr']\n  },\n  variants: {\n    fontSize: ['responsive', 'localized']\n  },\n  plugins: [\n    require('tailwindcss-localized')\n  ]\n}\n```\n\n...and you'll get similar classes:\n\n```css\n[lang=\"de\"] .de\\:text-xs,\n[lang=\"fr\"] .fr\\:text-xs {\n  font-size: .75rem;\n}\n\n@media (min-width: 640px) {\n  [lang=\"de\"] .sm\\:de\\:text-xs,\n  [lang=\"fr\"] .sm\\:fr\\:text-xs {\n    font-size: .75rem;\n  }\n}\n```\n\nIf you want a prefix that is different from the attribute value, specify the languages as an object:\n\n```js\n{\n  theme: {\n    languages: {\n      german: 'de',\n      french: 'fr'\n    }\n  }\n}\n```\n\n...and you get:\n\n```css\n[lang=\"de\"] .german\\:text-xs,\n[lang=\"fr\"] .french\\:text-xs {\n  font-size: .75rem;\n}\n```\n\nThis is useful for avoiding conflicts in responsive classes when one of your screen names matches a language code.","funding_links":[],"categories":["Plugins"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhdodov%2Ftailwindcss-localized","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhdodov%2Ftailwindcss-localized","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhdodov%2Ftailwindcss-localized/lists"}