oldbeavr

Damn, i found it !! i was loading a google fonts via a wordpress action. So it was loading a CSS from google fonts server.. @Carl : that might be explaining the cross domain alert.. RHHAAAA, 5 hours lost ! Is there a way to specify a unique CSS files to use with CSSrule plugin ?

Not exactly it's a mobile first project, so i use a _base.scss file, where my target is declared, but not declared in any media queries rules. On top of that, i've got two other scss (768 & 1024), where the target might be declared. But, with grunt, those 3 files are compiled in one single styles.css file. But even by removing the loading part of the media queries, it does not change anything :/

Carl : It's sounds weird yes, the error displayed by Firefox is in a try/catch : /Firefox may throw insecure operation errors when css is loaded from other domains, so try/catch.

I'm doing local development, your're right, but i use Zend Server (Apache 2.2 & MySQL Server) I'm not loading my CSS via HTTPS. It's loaded via Wordpress. I tried to remove all CSS rules, but not the ones concerned, from my stylesheets (it's a responsive project). But the problem is still there

While Chrome is printing the error i mentionned before, Firefox is displaying this message : DOMException [SecurityError: "The operation is insecure." code: 18 nsresult: 0x80530012 location: http://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.0/plugins/CSSRulePlugin.min.js:12]

Thanks Carl I don't understand what can be the cause of the error.. What do you think ? problem with the CSS rule ?

Hi, Thanks for your quick reply here is a codepen link: http://codepen.io/anon/pen/VYmZYa About minified version : I tried with the original version, to see what happened. The error occured et line 59 : 'j = curSS.length;' I've download the zip file from the site. The minified version was taken on the CDN. Other libraries used on the site are : Modernizr & jquery. Both disabled, with no changes :/ I'll try on a clean page And, i use Chrome, on Windows 7 EDIT : Ok, it seems to work on the codepen link you provided .. not on mine (missing CSSRuleplugin)

Hi, I wanted to use CSSRule plugin to tween some pseudo elements on my webpage. I'm using SASS to write my CSS. My target looks like this : .home, .home.do-not-anim{ #container{ &:before{....} } } and my rule like this : var rule = CSSRulePlugin.getRule(".home #container:before"); I saw that the rule must match the exact rule of CSS. So i tried to change it with : var rule = CSSRulePlugin.getRule(".home #container:before, .home.do-not-anim #container:before"); But the result is always the same : CSSRulePlugin.min.js:12 Uncaught TypeError: Cannot read property 'length' of null I even try to simplify the rule at it's maximum, like this : var rule = CSSRulePlugin.getRule("#container"); witch is an existing rule in my CSS, but still, Uncaught TypeError...... Result is the same when i copy paste the rule in the console... Did i miss something ??