style-forge.media/README.md

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

# Style-Forge.Media

![npm](https://img.shields.io/npm/v/style-forge.media)
![license](https://img.shields.io/npm/l/style-forge.media)
![npm](https://img.shields.io/npm/dm/style-forge.media)
![build](https://github.com/Style-Forge/media/actions/workflows/release.yml/badge.svg)

`Style-Forge.Media` is a utility library that provides a comprehensive set of predefined CSS media query helpers to streamline responsive web development. With support for desktop, tablet, mobile, portrait, and landscape orientations, it ensures consistent and maintainable breakpoints for your projects, saving development time and effort.

## Documentation

To check out docs, visit [style-forge.github.io](https://style-forge.github.io/media/).

## Support the project ⭐

If you feel awesome and want to support us in a small way, please consider starring and sharing the repo! This helps us getting known and grow the community. 🙏

<img src="https://github.com/style-forge/hub/raw/main/public/github-star.gif" alt="style-forge-star" />

## Modules

<table>
  <tr>
    <th>Module</th>
    <th colspan="2">Links</th>
    <th>Version</th>
    <th>Description</th>
  </tr>
  <tr>
    <td>hub</td>
    <td><a href="https://github.com/Style-Forge/hub" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge" alt="npm"></td>
    <td>Central repository that integrates all project modules.</td>
  </tr>
  <tr>
    <td>base</td>
    <td><a href="https://github.com/Style-Forge/base" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.base" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.base" alt="npm"></td>
    <td>Basic styles and foundational components of the project.</td>
  </tr>
  <tr>
    <td>form</td>
    <td><a href="https://github.com/Style-Forge/form" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.form" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.form" alt="npm"></td>
    <td>Styles and components for creating forms.</td>
  </tr>
  <tr>
    <td>helpers</td>
    <td><a href="https://github.com/Style-Forge/helpers" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.helpers" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.helpers" alt="npm"></td>
    <td>Utility functions and helpers for the project.</td>
  </tr>
  <tr>
    <td>└&nbsp;media</td>
    <td><a href="https://github.com/Style-Forge/media" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.media" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.media" alt="npm"></td>
    <td>Comprehensive CSS media query helpers for responsive web design.</td>
  </tr>
  <tr>
    <td>themes</td>
    <td><a href="https://github.com/Style-Forge/themes" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.themes" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.themes" alt="npm"></td>
    <td>Themes and styling options for the project.</td>
  </tr>
  <tr>
    <td>patterns</td>
    <td><a href="https://github.com/Style-Forge/patterns" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.patterns" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.patterns" alt="npm"></td>
    <td>Reusable patterns and templates for the project.</td>
  </tr>
  <tr>
    <td>colors</td>
    <td><a href="https://github.com/Style-Forge/colors" target="_blank">GitHub</a></td>
    <td><a href="https://npmjs.com/package/style-forge.colors" target="_blank">NPM</a></td>
    <td><img src="https://img.shields.io/npm/v/style-forge.colors" alt="npm"></td>
    <td>Color palettes and styles for the project.</td>
  </tr>
</table>

## Contributing

We welcome contributions from the community! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch: `git checkout -b feature/branch-name`.
3. Make your changes and commit them: `git commit -am 'Add some feature'`.
4. Push your changes to the forked repository: `git push origin feature/branch-name`.
5. Create a pull request in the original repository.

For more detailed information, please refer to [CONTRIBUTING.md](CONTRIBUTING.md).

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.