Displaying 1 to 9 from 9 results

include-media - 📐 Simple, elegant and maintainable media queries in Sass

  •    CSS

include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax. 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.

sass-mq - A Sass mixin that helps you compose media queries in an elegant way.

  •    CSS

mq() is a Sass mixin that helps you compose media queries in an elegant way. Sass MQ was crafted in-house at the Guardian. Today, many more companies and developers are using it in their projects: see who uses Sass MQ.

postcss-unmq - Remove media queries from CSS while preserving rules that match a hard-coded viewport

  •    Javascript

UnMQ removes media queries from CSS while preserving rules that match a hard-coded viewport. This can be useful for outputting desktop CSS for older browsers like Internet Explorer 8. You can define your own viewport for media queries to be evaluated against. Think of the options as the current state of a device and browser.




css-mediaquery - Parses and determines if a given CSS Media Query matches a set of values via JavaScript

  •    Javascript

Parses and determines if a given CSS Media Query matches a set of values via JavaScript. This package has two exports: parse(), and match() which can parse CSS Media Queries and determine if a media query matches a given set of values.

fluid-react - Grid system for React, and more

  •    Javascript

React inline-style solution for frontend development. CSS free. No CSS file needed.

grunt-stripmq - Generate a fallback from your mobile-first stylesheet

  •    Javascript

grunt-stripmq is a Grunt task to generate a fallback version of your fancy mobile first stylesheet. Since IE8 and lower dont support media queries, you can use a javascript library like respond.js to enable this, or generate a fallback version on build-time with this task. In your project's Gruntfile, add a section named stripmq to the data object passed into grunt.initConfig().

mediaquery - Turns human readable breakpoints into correct mediaqueries

  •    Javascript

Turns human readable breakpoints into correct mediaqueries. This is particularly useful when working with window.matchMedia or when you work with CSS dinamically using JavaScript.