css-breakpoints

css-breakpoints is a simple yet powerful Node.js package designed to automate the process of injecting CSS breakpoints into your stylesheets. Eliminate the repetitive task of manually adding breakpoints to every CSS file in your project.

Features

• 🛠️Automatic Breakpoint Injection: Injects breakpoints into your CSS files seamlessly.
• 📂 Directory Support: Inject breakpoints into all .css files within a directory or a single css file as per your needs.
• 🔍 File Integrity: Skips files that already contain the breakpoints, ensuring no duplication.

Installation

Install the package using npm to use it from the command line

  npm install css-breakpoints

Usage/Examples

Once installed, you can run the package from your terminal.

Inject breakpoints into a single CSS file

npx css-breakpoints src/components/login/Login.css

Inject breakpoints into all CSS files in a directory

npx css-breakpoints src/components

or

npx css-breakpoints src

Inject breakpoints into more than one directory or file

npx css-breakpoints src/components/login src/index.css

NOTE: YOU MUST PROVIDE PATH OF THE DIRECTORY OR FILE FROM THE ROOT OF THE PROJECT

The tool will automatically scan the given file or directory, injecting breakpoints if they don’t already exist.

Contributing

Contributions are always welcome. If you'd like to improve the tool or add new features Feel free to submit issues and suggestions through github to help improve this project!

Please adhere to this project's code of conduct.

License

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

MIT

Authors

• @Harsh Mali

🔗 Connect with me