REM calculator for Webflow

Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro

Hvad er REM calculator for Webflow?

REM calculator for Webflow er en Chrome-udvidelse udviklet af kobro, og dens hovedfunktion er "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro".

Udvidelsesskærmbilleder

screenshot

Download REM calculator for Webflow-udvidelses-CRX-fil

Download REM calculator for Webflow-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        Calculate px to rem inside Webflow designer.
Before start, make sure you have embed code: html { font-size: 1vw; }

HOW TO USE:
1. Enter base width in px of your design or select width options.
2. In input like margin, padding, width, height, etc.. enter number in PX and press 'Space' key.
3. Get REM size in your input.

(PX size / PX base width) * 100 = REM                    

Grundlæggende oplysninger om udvidelsen

Navn REM calculator for Webflow REM calculator for Webflow
ID bhfnnhhohijiicjkcpgphmodfaehmijj
Officiel URL https://chromewebstore.google.com/detail/rem-calculator-for-webflo/bhfnnhhohijiicjkcpgphmodfaehmijj
Beskrivelse Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro
Filstørrelse 11.07 KB
Antal Installationer 87
Nuværende Version 0.0.4
Senest Opdateret 2024-02-14
Udgivelsesdato 2022-06-17
Udvikler kobro
E-mail [email protected]
Betalingsmetode free
Hjælpeside-URL https://t.me/kobro
Understøttede Sprog en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "REM calculator for Webflow",
    "description": "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro",
    "version": "0.0.4",
    "manifest_version": 3,
    "host_permissions": [
        "https:\/\/*.webflow.com\/*"
    ],
    "permissions": [
        "storage",
        "activeTab",
        "scripting"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*.webflow.com\/*"
            ],
            "js": [
                "main.js"
            ],
            "run_at": "document_idle"
        }
    ],
    "action": {
        "default_popup": "popup.html"
    },
    "icons": {
        "16": "icons\/icon_16.png",
        "32": "icons\/icon_32.png",
        "48": "icons\/icon_48.png",
        "128": "icons\/icon_128.png"
    }
}