vscode-inline-style-extractor

Overview

The vscode-inline-style-extractor is a Visual Studio Code extension that allows users to select specific HTML/jsx/tsx elements with inline style properties in their components and transfer those style attributes to CSS or styled components, or copy them as CSS.

Features

• Extract inline styles from selected HTML/jsx/tsx elements.
• Convert inline styles to valid CSS format.
• Easily transfer styles to CSS files or styled components.

Usage

1. Open an HTML/jsx/tsx file in Visual Studio Code.
2. Select the HTML/jsx/tsx element with inline styles that you want to extract.
3. Run the command Extract Inline Styles via (Ctrl+.) on your selected div.
4. Choose to copy the styles as CSS or transfer them to a CSS file or styled component.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.