livingston / css3-mediaqueries-js Goto Github PK

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??

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.

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) {
    ...
}

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.

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!

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

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