https://github.com/style-forge/media

A comprehensive CSS library with predefined media queries for desktop, tablet, mobile, portrait, and landscape layouts. Ideal for creating responsive and consistent designs with ease.
https://github.com/style-forge/media

breakpoints consistent css design desktop frontend html landscape lightweight media-queries mobile modular portrait responsive responsive-design styles styling tablet utilities web-development

Last synced: 5 months ago
JSON representation

A comprehensive CSS library with predefined media queries for desktop, tablet, mobile, portrait, and landscape layouts. Ideal for creating responsive and consistent designs with ease.

• Host: GitHub
• URL: https://github.com/style-forge/media
• Owner: Style-Forge
• License: mit
• Created: 2025-01-06T22:20:52.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-02-08T03:52:39.000Z (8 months ago)
• Last Synced: 2025-05-09T01:14:24.936Z (5 months ago)
• Topics: breakpoints, consistent, css, design, desktop, frontend, html, landscape, lightweight, media-queries, mobile, modular, portrait, responsive, responsive-design, styles, styling, tablet, utilities, web-development
• Language: CSS
• Homepage: https://style-forge.github.io/media/
• Size: 465 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          

# 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. 🙏



## Modules

  

    Module

    Links

    Version

    Description

  

  

    hub

    GitHub

    NPM

    

    Central repository that integrates all project modules.

  

  

    base

    GitHub

    NPM

    

    Basic styles and foundational components of the project.

  

  

    form

    GitHub

    NPM

    

    Styles and components for creating forms.

  

  

    helpers

    GitHub

    NPM

    

    Utility functions and helpers for the project.

  

  

    └ media

    GitHub

    NPM

    

    Comprehensive CSS media query helpers for responsive web design.

  

  

    themes

    GitHub

    NPM

    

    Themes and styling options for the project.

  

  

    patterns

    GitHub

    NPM

    

    Reusable patterns and templates for the project.

  

  

    colors

    GitHub

    NPM

    

    Color palettes and styles for the project.

  

## 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.