Home

Awesome

<a href="https://eduardoboucas.github.io/include-media/">'At' sign</a>

include-media Build Status

Simple, elegant and maintainable media queries in Sass

NPM badge

What?

include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax.

2.0 Release

As of 2.0 include-media only supports sass (dart-sass) 1.25+ and no longer supports previous implementations of sass. eg lib-sass, ruby-sass.

Why?

I spent quite some time experimenting with different libraries and mixins available out there, but eventually all of them failed to do everything I needed in an elegant way. Some of them wouldn't let me mix set breakpoints with case-specific values, others wouldn't properly handle the CSS OR operator and most of them had a syntax that I found complicated and unnatural.

include-media was the result of that experience and it includes all the features I wish I had found before, whilst maintaining a simplistic and natural syntax.

How to install

Finally, include the file in your project using an @import statement.

How to use

Examples can be found here.

Plugins

Learn more

Related projects

The authors

include-media was created by Eduardo Bouças and Kitty Giraudel. The lead maintainer is Jack McNicol.

We want to hear from you

We'll be on the lookout for your issues and pull requests — but make sure you read this before submitting any code!

License

This project is licensed under the terms of the MIT license.