livingston / css3-mediaqueries-js

CSS3 Media Queries Shim

Hey 👋🏽, I'm Livingston!

Front-end Engineer at Thoughtworks

Languages and Tools:

Stats:

css3-mediaqueries-js's Issues

Version 1.0 available on Google Code repo, this bower-friendly version is 0.9

v1.0 fixes a few bugs and was recently released (https://code.google.com/p/css3-mediaqueries-js/), but isn't available with bower. Would love if you could update this to 1.0 so that we could continue using with bower. Thanks much!

patch for <link> support

I added this patch on line 441 to add support for "link" tag

if(link.getAttribute("media").replace(/^\s\s_/, '').replace(/\s\s_$/, '') != ""){ text = "@media " + link.getAttribute("media").replace(/^\s\s_/, '').replace(/\s\s_$/, '') + "{" + text + "}"; }

has not been fully tested, it worked for me, something similar could be added for "style" tag.

How to make a responsive design

Question

As chrome has switched to Blink will it effect the library or has there been updates to make that not an issue, just curious

Don't works without "screen" in query

I discovered that "css3-mediaqueries" works only when the query contains "screen".

This query don't works:

@media (max-width: 460px) {
    ...
}

This query works properly:

@media screen and (max-width: 460px) {
    ...
}

@-moz-document url-prefix() inside of a media query causes error

When you use @-moz-document url-prefix() inside of a media query the script breaks throwing an error:

css-mediaqueries.js, line 4 character 1

Which places the error at the doctype declaration.

@-moz-document url-prefix() can be used outside of a media query without issue.

Tested in IE7&8.

Don't parses ')and' in @media query

It does not recognize the expression of the form:

@media all and (min-width: 800px)and (min-height: 600px) {
}

but recognizes:

@media all and (min-width: 800px) and (min-height: 600px) {
}

The difference is in the space beetween ')' and 'and'.
It seems the space is optional here: http://www.w3.org/TR/css3-mediaqueries/#syntax

Can you add tag 1.0.0 in your repository????

I can not automatically create component css3-mediaqueries-js for rails.

https://rails-assets.org/components/new
When I wrote package name: css3-mediaqueries-js and Version(optional): 1.0.0, the rails-assets responded error: No tag found that was able to satisfy 1.0.0. Could you help me??