English
See more
Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro
Latest Version
Version
0.0.4
Update
February 13, 2024
Size
11.07KiB
Developer
Category
Users
89 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ActiveTab
Scripting
See more
ActiveTab
Scripting
REM calculator for Webflow Extension
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
Read more
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
Source 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" }}
Read more
