ما هو CSS To Tailwind؟

CSS To Tailwind هو إضافة Chrome تم تطويرها بواسطة iamnyasha، والميزة الرئيسية لها هي "Convert a website's styles to Tailwind CSS classes".

لقطات شاشة التمديد

تحميل ملف CRX للإضافة CSS To Tailwind

قم بتنزيل ملفات الامتداد CSS To Tailwind بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.

Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Right click to copy the class names to clipboard

Features:
1. Hover an element to view its converted TailwindCSS Classes
2. Shows you which styles are missing from TailwindCSS
3. Copy just the class names or grab the entire element CSS styles

Short-comings:
1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account

معلومات أساسية عن التمديد

الاسم	CSS To Tailwind
ID	jlmlldiahhaejpjnonbddoniicdemakl
عنوان URL الرسمي	https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
الوصف	Convert a website's styles to Tailwind CSS classes
حجم الملف	182 KB
عدد التثبيتات	3,905
النسخة الحالية	2.2.1
آخر تحديث	2023-09-24
تاريخ النشر	2021-06-08
تقييم	3.85/5 مجموع تقييمات 20
المطور	iamnyasha
البريد الإلكتروني	[email protected]
نوع الدفع	free
اللغات المدعومة	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "icons": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" }, "manifest_version": 3, "action": { "default_icon": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" } }, "version": "2.2.1", "author": "Richard Kaseke. ", "name": "CSS To Tailwind", "description": "Convert a website's styles to Tailwind CSS classes", "background": { "service_worker": "static\/background\/index.js" }, "permissions": [ "storage" ], "content_scripts": [ { "matches": [ "" ], "js": [ "content.06af5f40.js" ], "css": [] } ], "host_permissions": [ "https:\/\/\/" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "content.e2b1d2ad.css" ] } ] }