REM calculator for Webflow
Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro
What is REM calculator for Webflow?
REM calculator for Webflow is a Chrome extension developed by kobro, and its main feature is "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro".
Extension Screenshots
Download REM calculator for Webflow Extension CRX File
Download REM calculator for Webflow extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  REM calculator for Webflow |
| ID | bhfnnhhohijiicjkcpgphmodfaehmijj |
| Official URL | https://chromewebstore.google.com/detail/rem-calculator-for-webflo/bhfnnhhohijiicjkcpgphmodfaehmijj |
| Description | Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro |
| File Size | 11.07 KB |
| Installation Count | 87 |
| Current Version | 0.0.4 |
| Last Updated | 2024-02-14 |
| Publish Date | 2022-06-17 |
| Developer | kobro |
| [email protected] | |
| Payment Type | free |
| Help Page URL | https://t.me/kobro |
| Supported Languages | 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"
}
} | |
