[CCSRule plugin always return null]

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 ?

[CCSRule plugin always return null]

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 :/

[CCSRule plugin always return null]

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.

[CCSRule plugin always return null]

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

[CCSRule plugin always return null]

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]

[CCSRule plugin always return null]

Thanks Carl

 

I don't understand what can be the cause of the error..

 

What do you think ? problem with the CSS rule ?

[CCSRule plugin always return null]

Hi,

 

Thanks for your quick reply

 

here is a codepen link:

 

See the Pen VYmZYa by anon (@anon) on CodePen

 

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)

[CCSRule plugin always return null]

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