CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

什么是CSS To Tailwind?

CSS To Tailwind是由iamnyasha开发的Chrome扩展程序,该扩展的主要功能是“Convert a website's styles to Tailwind CSS classes”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载CSS To Tailwind扩展crx文件

下载CSS To Tailwind扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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 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"
            ]
        }
    ]
}