CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

Что такое CSS To Tailwind?

CSS To Tailwind - это расширение Chrome, разработанное iamnyasha, и его основная функция - "Convert a website's styles to Tailwind CSS classes".

Снимки экрана расширения

screenshot
screenshot
screenshot
screenshot
screenshot

Скачать файл CRX расширения CSS To Tailwind

Скачайте файлы расширений 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"
            ]
        }
    ]
}