CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

Co je CSS To Tailwind?

CSS To Tailwind je rozšíření Chrome vyvinuté iamnyasha, a jeho hlavní funkcí je „Convert a website's styles to Tailwind CSS classes“.

Snímky obrazovky rozšíření

screenshot
screenshot
screenshot
screenshot
screenshot

Stáhnout soubor CRX rozšíření CSS To Tailwind

Stáhněte si soubory rozšíření CSS To Tailwind ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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                    

Základní Informace o Rozšíření

Název CSS To Tailwind CSS To Tailwind
ID jlmlldiahhaejpjnonbddoniicdemakl
Oficiální URL https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
Popis Convert a website's styles to Tailwind CSS classes
Velikost souboru 182 KB
Počet instalací 3,905
Aktuální Verze 2.2.1
Poslední Aktualizace 2023-09-24
Datum Vydání 2021-06-08
Hodnocení 3.85/5 Celkem 20 Hodnocení
Vývojář iamnyasha
E-mail [email protected]
Typ Platby free
Podporované Jazyky 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"
            ]
        }
    ]
}