🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

css-queryless

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

css-queryless

Media queried CSS to non-media-queried CSS

0.1.0
latest
npm
Version published
Weekly downloads
10
-66.67%
Maintainers
1
Weekly downloads
 
Created
Source

Queryless, with Rework

Queryless is a rework utility to automatically create media-query free stylesheets for archaic browsers such as IE8.

Usage

Simply pass in queryless to your rework pipeline with an array of media queries you would like to extract. The match is based on the media queries you are using in your project. They don't have to be an exact match, but is a subset. Look in test/cases for examples.

// Create a stylesheet with all media queries that match
// larger than 600px wide and the print media block.

var keepmatches = [
  'screen and (min-width: 600px)', // assumes the units entered here are the same used in your CSS.
  'print'
];

var css = rework(input)
  .use(queryless(keepmatches))
  .toString();

Upgrade Note

The 0.0.x branch was much more complex and attempted to dynamically resolve media queries. This was over-complicated waste—you know your media-queries best.

In 0.1.x the match is string based. It should be much quicker and much more dependable in complex situations.

License

MIT.

Keywords

css

FAQs

Package last updated on 11 Oct 2013

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts