Playground for css variables

Latest Version

Version
0.0.1
Update
December 15, 2018
Size
35.52KiB
Developer
Category
Users
185
Rating
3 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

CSS Variable Sandbox Extension

Extract css variables into a sandbox for developers to play with.
- Provides a draggable floating window on page
- Allow developers to edit css variables and immediately see results*
- Copy result css text to clipboard with one click

* due to Chrome's restrictions, variables in external stylesheets are not displayed.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "CSS Variable Sandbox", "version": "0.0.1", "manifest_version": 2, "description": "Playground for css variables", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_locale": "en", "background": { "scripts": ["src/bg/background.js"], "persistent": true }, "browser_action": { "default_icon": "icons/icon19.png", "default_title": "CSS Variable Sandbox" }, "permissions": ["activeTab"]}
Read more

Similar Extensions

icon

Visual CSS Editor Extension · Developer Tools 185 145 ★ 414KiB

icon

CSS Undefined Variable Checker Extension · Developer Tools 185 1 ★ 250KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 185 453 ★ 1.45MiB

icon

CSS Issues Panel Extension · Developer Tools 185 0 ★ 55.68KiB

icon

HTML & CSS Design Analysis Extension · Developer Tools 185 0 ★ 1.47MiB

icon

Inspect CSS Extension · Developer Tools 185 24 ★ 404KiB

icon

CSS Grid Overlay Extension · Developer Tools 185 7 ★ 181KiB

icon

Restyler Extension · Developer Tools 185 14 ★ 853KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 185 266 ★ 2.15MiB

icon

CSS Variables Editor Extension · Developer Tools 185 13 ★ 636KiB

icon

Hoverify Extension · Developer Tools 185 145 ★ 14.54MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 185 9 ★ 84.8KiB

icon

CSS Used Extension · Developer Tools 185 184 ★ 164KiB

icon

CSS Scan Extension · Developer Tools 185 84 ★ 1.41MiB

icon

CSS Brio Extension · Developer Tools 185 5 ★ 86.26KiB

icon

MobX Developer Tools Extension · Developer Tools 185 51 ★ 682KiB

icon

Page Manipulator Extension · Developer Tools 185 35 ★ 2.17MiB

icon

CSS Feature Toggles Extension · Developer Tools 185 4 ★ 37.42KiB

icon

CSS Inspector Extension · Developer Tools 185 64 ★ 2.57MiB

icon

Motion DevTools Extension · Developer Tools 185 8 ★ 788KiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 185 18 ★ 49.64MiB

icon

Unstack Style Guide Extension · Developer Tools 185 20 ★ 68.29KiB

icon

Css Playground and Dom Tree Extension · Developer Tools 185 2 ★ 179KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 185 87 ★ 816KiB

User reviews

icon

Masoud Ghorbani (ID: 0000008f820a839e) Voted 4 ★ - Updated 10/27/2023 I was looking for a CSS variable editor ant to modify existing styles. It meets the expectations.

icon

Grumbly Curmudgeon Woodworks (ID: 0000009c8f34292e) Voted 1 ★ - Updated 08/21/2022 Not even kinda close. Didn't see fully half of the --properties on the page, and couldn't/wouldn't work out the values for those it did.

icon

Gerdi Bot (ID: 00000044825d3247) Voted 4 ★ - Updated 12/16/2018 Very helpful to navigate the new shadowdom stuff