29 lines
903 B
Markdown
29 lines
903 B
Markdown
|
# Style Copy Browser Extension
|
||
|
|
|
||
|
|
This is a browser extension that allows you to copy the styles of any element on a webpage and paste them into your own CSS.
|
||
|
|
|
||
|
|
This is a work in progress and is not yet available for download.
|
||
|
|
|
||
|
|
## How to use
|
||
|
|
|
||
|
|
Open dev tools and click on an element. Sidebar will open with the styles of the element. Click on the copy button to copy the styles.
|
||
|
|
|
||
|
|
## Motivation
|
||
|
|
|
||
|
|
I wanted to create a tool that would allow me to easily copy the styles of an element on a webpage and paste them into my own CSS.
|
||
|
|
other tools 'divMagic' and 'CSS Peeper' are great but they are not open source and I wanted to create something that was open source and free to use.
|
||
|
|
|
||
|
|
## Tech Stack
|
||
|
|
|
||
|
|
- React
|
||
|
|
- TypeScript
|
||
|
|
- WebExtensions API
|
||
|
|
- Vite
|
||
|
|
|
||
|
|
## Development
|
||
|
|
|
||
|
|
1. Clone the repository
|
||
|
|
2. Run `pnpm install`
|
||
|
|
3. Run `pnpm run dev` to start the development server
|
||
|
|
4. browser will open with the extension installed
|