{"id":22012847,"url":"https://github.com/leedomjs/tailwindcss-preset","last_synced_at":"2026-02-19T10:02:07.836Z","repository":{"id":236096275,"uuid":"791927934","full_name":"leedomjs/tailwindcss-preset","owner":"leedomjs","description":"💨「Tailwind CSS配置预设」Leedom's tailwindcss preset","archived":false,"fork":false,"pushed_at":"2024-09-11T16:09:07.000Z","size":448,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-21T12:52:54.760Z","etag":null,"topics":["miniprogram","tailwindcss","tailwindcss-preset","theme-colors"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/leedomjs.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-25T16:33:34.000Z","updated_at":"2024-09-11T16:09:11.000Z","dependencies_parsed_at":"2024-10-09T13:58:52.987Z","dependency_job_id":"16d9648b-4a72-4c52-9f01-0b85465068d7","html_url":"https://github.com/leedomjs/tailwindcss-preset","commit_stats":null,"previous_names":["leedomjs/tailwindcss-preset"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/leedomjs/tailwindcss-preset","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leedomjs%2Ftailwindcss-preset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leedomjs%2Ftailwindcss-preset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leedomjs%2Ftailwindcss-preset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leedomjs%2Ftailwindcss-preset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leedomjs","download_url":"https://codeload.github.com/leedomjs/tailwindcss-preset/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leedomjs%2Ftailwindcss-preset/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29609531,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T06:47:36.664Z","status":"ssl_error","status_checked_at":"2026-02-19T06:45:47.551Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["miniprogram","tailwindcss","tailwindcss-preset","theme-colors"],"created_at":"2024-11-30T03:14:44.040Z","updated_at":"2026-02-19T10:02:07.813Z","avatar_url":"https://github.com/leedomjs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @leedomjs/tailwindcss-preset\n\n[![npm](https://img.shields.io/npm/v/@leedomjs/tailwindcss-preset?color=333\u0026label=)](https://www.npmjs.com/package/@leedomjs/tailwindcss-preset)\n\nThis package contains:\n- [`@leedomjs/tailwindcss-miniprogram-preset`](https://www.npmjs.com/package/@leedomjs/tailwindcss-miniprogram-preset) is designed for miniprogram, and transforms `px` to  `rpx`.\n- [`@leedomjs/tailwindcss-color-preset`](https://www.npmjs.com/package/@leedomjs/tailwindcss-color-preset) collects some UI Frameworks' theme colors for Tailwind CSS.\n\n## Usage\n\n### Install\n\n```bash\npnpm add -D tailwindcss @leedomjs/tailwindcss-preset\n```\n\n### Config `tailwind.config.js`\n\u003e [!NOTE]\n\u003e There is an object param that contains some fields `mp`, `element`, `naive`, `vant`.\n\u003e \n\u003e `mp` defaults to `false`, setting `mp` be `true` will enable the preset, \n\u003e otherwise will enable default config of tailwindcss and disable the preset meanwhile.\n\u003e\n\u003e `element`, `naive`, `vant`, these params default to dependencies that your project uses.\n\u003e\n\u003e If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`,the color will be enable automatically. Setting to false will disable the color, otherwise will enabled.\n\n```js\nconst leedom = require('@leedomjs/tailwindcss-preset')\n\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  presets: [\n    leedom({\n      mp: true,\n      element: true,\n      naive: true,\n      vant: true,\n    }),\n  ],\n  content: [...],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n  ...\n}\n```\n\n## Tips\n\n1. Use `-dv-` instead of `/` to generate percentage\n2. Use `-` instead of `.`\n\nFor example:\n``` html\n\u003c!-- w-1/2 = w-1-dv-2 --\u003e\n\u003cdiv class=\"w-1/2 w-1-dv-2\"\u003ehello, world.\u003c/div\u003e\n\n\u003c!-- w-1.5 = w-1-5 --\u003e\n\u003cdiv class=\"w-1.5 w-1-5\"\u003ehello, world.\u003c/div\u003e\n```\n\n## License\n\n[MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleedomjs%2Ftailwindcss-preset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleedomjs%2Ftailwindcss-preset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleedomjs%2Ftailwindcss-preset/lists"}