https://github.com/faebeee/css-var-editor

https://github.com/faebeee/css-var-editor

Last synced: about 5 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/faebeee/css-var-editor
• Owner: faebeee
• Created: 2020-06-01T11:49:48.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T07:35:50.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T13:59:48.583Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://faebeee.github.io/css-var-editor/index.html
• Size: 539 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# css-var-editor

A [dat.gui](https://github.com/dataarts/dat.gui) editor which will detect all

root css variables of a site and presents them in the editor.

From there you can preview you changes.

![Example](./docs/example.png)

## Install

Add this to your index.html

    

    

And you are done. Enjoy =)

## Example 

[Demo](https://faebeee.github.io/css-var-editor/index.html)

## Bookmark snippet

    javascript:(function(){s=document.createElement('script');s.type='text/javascript';s.src='https://unpkg.com/css-var-editor?v='+parseInt(Math.random()*99999999);document.body.appendChild(s);})();

    

[Bookmark](javascript:(function(){s=document.createElement('script');s.type='text/javascript';s.src='https://unpkg.com/css-var-editor?v='+parseInt(Math.random()*99999999);document.body.appendChild(s);})();)