CSS Shapes Editor for Brackets

Extension for Brackets and Adobe Edge Code.

Adds an on-screen GUI editor for CSS Shapes values when in Live Preview mode.

How to Install

To install this extension:

1. Choose File > Extension Manager
2. Click Install from URL...
3. Enter this URL: https://github.com/adobe-webplatform/brackets-css-shapes-editor
4. Click Install!
5. Reload Brackets.

How to enable CSS Shapes

CSS Shapes are still in development in Google Chrome.

Before you use the shapes editor, you need to enable support for CSS Shapes in the LivePreview browser window. You need to do this even if you have already enabled CSS Shapes in another Google Chrome browser on your system.

To enable CSS Shapes:

1. Turn on LivePreview
2. Navigate to chrome://flags
3. Find the Enable experimental Web Platform features flag
4. Click Enable
5. Reload LivePreview.

License

MIT-licensed -- see main.js for details.