SASS Compiler

[Joonas Lehtinen]

Vaadin 7.0.0b11 released yesterday includes a GWT linker for the built in SASS compiler. This means that you can use SCSS in addition to CSS in your GWT projects - just as you would be using CSSResource. Take a look at howto blog post:

https://vaadin.com/blog/-/blogs/link-to-the-client-side-from-sass

[Thomas Broyer]

On Friday, December 21, 2012 4:56:24 PM UTC+1, Joonas Lehtinen wrote:

Vaadin 7.0.0b11 released yesterday includes a GWT linker for the built in SASS compiler. This means that you can use SCSS in addition to CSS in your GWT projects - just as you would be using CSSResource. Take a look at howto blog post:

https://vaadin.com/blog/-/blogs/link-to-the-client-side-from-sass

This is more a reply to the linked blog entry but I'll post it here: I don't think supporting SASS in ClientBundle requires any change in GWT proper; you only need to use something other than CssResource (e.g. a SassResource interface) with its own ResourceGenerator (linked to the SassResource through a @ResourceGeneratorType annotation)

[Stephen Haberman]

> This is more a reply to the linked blog entry but I'll post it here:
> I don't think supporting SASS in ClientBundle requires any change in
> GWT proper; you only need to use something other than CssResource
> (e.g. a SassResource interface) with its own ResourceGenerator
> (linked to the SassResource through a @ResourceGeneratorType
> annotation)

Huh, that sounds pretty cool. I didn't realize adding custom resources
to ClientBundle would be that easy. Thanks for the insight.

- Stephen

[Jens]

Huh, that sounds pretty cool. I didn't realize adding custom resources
to ClientBundle would be that easy. Thanks for the insight.

As an example: http://retina.teknonsys.com/

-- J.

[Thomas Broyer]

Well, that's already what I proposed a while back for plugging Closure Stylesheets and thus bring CSS3 support to GWT.

[Stephen Haberman]

> As an example: http://retina.teknonsys.com/

Also cool--thanks!

- Stephen

[RyanZA]

This is pretty awesome - scss is a superset of css3, so including this linker means that GWT CSS can now fully use CSS3?

It shouldn't affect runtime javascript size, or compile time (much) or anything like that, as it just unplugs the GWT CSS compiler, and plugs in the CSS3/SCSS compiler, correct?

[Michael Vogt]

Very sorry for the late reply. Missed the ongoing discussion.

This is pretty awesome - scss is a superset of css3, so including this linker means that GWT CSS can now fully use CSS3?

Well, you can use in the scss file, whatever the Vaadin SassCompiler supports. 

As the resulting CSS needs to be added to the host file, I don't see that there is any restriction on what you can use of CSS3 - except the restriction coming from the browser itself.

 

It shouldn't affect runtime javascript size, or compile time (much) or anything like that, as it just unplugs the GWT CSS compiler, and plugs in the CSS3/SCSS compiler, correct?

Yes, the linker runs during compile time, or when the page is refreshed when using dev mode