Quickly select and edit CSS/LESS/SCSS styles from the context of your markup instead of cluttering up your coding environment with extra panes. Inspired by Brackets's quick edit feature.
apm install quick-editor
Or search for quick-editor in Atom settings view.
The default shift-cmd-e or shift-ctrl-ewill toggle quick-edit while the cursor is over a CSS id or class
This can be edited by defining a keybinding as follows
'.platform-darwin atom-text-editor':
'shift-cmd-e': 'quick-editor:quick-edit'
'.platform-linux atom-text-editor, .platform-win32 atom-text-editor':
'shift-ctrl-e': 'quick-editor:quick-edit'Specify an absolute path to your styles directory when working in a large project to improve performance.
- Added keybindings for Windows and Linux
- Added the ability to specify a styles directory to improve performance on larger projects
- Fixed bug with context menu not working
- Fixed bug with markup parsing
- Added the ability to add a new selector
Full change log here
- Multiple files with same selector
- Caching for larger projects
- Show the name of CSS file
- Link to open in new tab
- Editor updates when changed in another file at the same time
- Support SASS and Stylus
- Multiple matches in the same file
- Support Jade
- Add support for javascript functions
- Add support for color picking