any support for @keyframes rule

[siga....@gmail.com]

Yesterday I tried to add css3 animations to our stylesheets with the use of the @keyframes rule. This did not work.

Sample of my code:

.fx-Foo {

  animation: testanim;

}

@keyframes testanim {

  from { background: red; }

  to { background: blue; }

}

The result:

unknown @ rule in gss/test.gss at line 5 column 1:

@keyframes testanim {

^

1 error(s)

I did manage to get a workaround where I drop all my @keyframe rules in a separate animations.css and include it separately at the end of the build process, but this makes our build process messy, and I would love the minification features of the stylesheet compiler here. Is there a way to have to compiler not break on "@keyframes" rule or it's variants ( @-webkit-keyframes, @-moz-keyframes, etc ) ? 

Stefan

[Charles Walton]

We haven't gotten much, but our animations are included in our build process:

https://cs.corp.google.com/#google3/customer_support/content/ui/css/animations.gss&l=46

https://cs.corp.google.com/#google3/customer_support/content/ui/css/base.gss&l=99

[Johannes Nel]

this is protected content for us non googlers?

--
j:pn
\\no comment

[Charles Walton]

Apologies, knee-jerk response :)

The relevant bits:

@-webkit-keyframes progressBarAnimation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: BG_SHIFT;
  }
}

and

@mixin animation(progressBarAnimation .8s infinite linear);

Does that not compile for you?

[Stefan Liebenberg]

Interesting. 

Your snippet compiles fine. So its just the "@keyframes" rules thats not supported but its variants are. 

Ok, apologies for not being thorough on that, thank you. 

[Michael Bolin]

What version are you using? Looking at http://code.google.com/p/closure-stylesheets/source/list it appears that something keyframes-related was checked in on Aug 21, 2012:

http://code.google.com/p/closure-stylesheets/source/detail?r=ca1741ba8f39ef1097d0ac95a6bc2e72fac2ccc7

[john.k...@gmail.com]

I'm having this issue as well, but the most recent build available for download is from 2011/12/30 -- apparently way out of date.

Where can more recent builds be downloaded without having to resort to building from source?  The only place I can find is here:

https://code.google.com/p/closure-stylesheets/downloads/list

[Devraj Mukherjee]

Did any one find a resolution to this? 

Michael Bolin's post suggests that there might be a more recently version? Does anyone know where to get a copy?

[Ian Flanigan]

Please check the GitHub project for the latest:

https://github.com/google/closure-stylesheets

Ian

--
You received this message because you are subscribed to the Google Groups "closure-stylesheets-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to closure-stylesheets...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[dev...@etk.com.au]

On Friday, May 16, 2014 6:46:57 PM UTC+10, Ian Flanigan wrote:

Please check the GitHub project for the latest:

Many thanks Ian. Are  there any plans to release builds in the future?

Or are there any instructions on how to build the compiler?

Appreciate your time.

[Ian Flanigan]

It should all be here: https://code.google.com/p/closure-stylesheets/

I'm not planning to make any pre-built JARs available or cut a "new release" for the moment, but you should be able to build and run everything from HEAD without much trouble.

Ian

--

[Devraj Mukherjee]

At the risk of sounding like a Java newbie. Is it possible to post build instructions on the Github wiki? 

Many thanks for your time.

[tho...@oinksoft.com]

The build is simple and documented at https://code.google.com/p/closure-stylesheets/wiki/BuildingFromSource

It looks like a wiki is not yet enabled in the Github repository.

Thomas Allen

[Nathan Wright]

It should be as simple as running `ant jar`, then check the build folder. (If you don't already have ant, you can install it with homebrew, apt-get, etc.) 

--

Nathan Wright / CTO

http://mediacore.com