Play! Sass Module

License	unknown
Categories	Maven Build Tools
GroupId	com.google.code.maven-play-plugin.org.playframework.modules.sass
ArtifactId	play-sass
Last Version	1.1
Release Date	Jan 23, 2013
Type	jar
Description	Play! Sass Module Play! Sass Module
Source Code Management	https://github.com/guillaumebort/play-sass

Download play-sass

Filename	Size
play-sass-1.1.pom
play-sass-1.1.jar	7 KB
play-sass-1.1-sources.jar	3 KB
play-sass-1.1-module.zip	457 KB
play-sass-1.1-module-min.zip	388 KB
play-sass-1.1-javadoc.jar	25 KB

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/com.google.code.maven-play-plugin.org.playframework.modules.sass/play-sass/ -->
<dependency>
    <groupId>com.google.code.maven-play-plugin.org.playframework.modules.sass</groupId>
    <artifactId>play-sass</artifactId>
    <version>1.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/com.google.code.maven-play-plugin.org.playframework.modules.sass/play-sass/
implementation 'com.google.code.maven-play-plugin.org.playframework.modules.sass:play-sass:1.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/com.google.code.maven-play-plugin.org.playframework.modules.sass/play-sass/
implementation ("com.google.code.maven-play-plugin.org.playframework.modules.sass:play-sass:1.1")

Apache Buildr

'com.google.code.maven-play-plugin.org.playframework.modules.sass:play-sass:jar:1.1'

Apache Ivy

<dependency org="com.google.code.maven-play-plugin.org.playframework.modules.sass" name="play-sass" rev="1.1">
  <artifact name="play-sass" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='com.google.code.maven-play-plugin.org.playframework.modules.sass', module='play-sass', version='1.1')
)

Scala SBT

libraryDependencies += "com.google.code.maven-play-plugin.org.playframework.modules.sass" % "play-sass" % "1.1"

Leiningen

[com.google.code.maven-play-plugin.org.playframework.modules.sass/play-sass "1.1"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.jruby : jruby-complete	jar	1.5.3

provided (1)

Group / Artifact	Type	Version
com.google.code.maven-play-plugin.org.playframework : play	jar	1.2

Project Modules

There are no modules declared in this project.

Sass module

This module brings sass to play applications. Sass makes CSS fun again. Sass is CSS, plus nested rules, variables, mixins, and more, all in a concise, readable syntax.

You can read more about sass on the official website

This version use Haml-3.0.22 – Both syntax SASS and SCSS are supported.

Usage

As always, you need to declare the sass module in your application configuration file using:

module.sass=${play.path}/modules/sass

Note that if you are using a recent version of play these simple steps are enough:

$ play install sass
$ play new myApp --with sass

Once the module is installed you can write some sass files in the public/stylesheets directory of your application.

Let’s see a very simple example. Create the public/stylesheets/main.scss file:

$blue: #3bbfce;

h1 {
color: $blue;
font-weight: bold;
}

And you can then use it into your main template, app/views/main.html:

...
<link rel="stylesheet" href="@{'public/stylesheets/main.scss'}" type="text/css">
...

The sass file is automatically compiled and the generated CSS is sent to the browser. As you can see, in DEV mode, the generated CSS contains debug informations that can help you to find the sass statement that generated the rules:

/* line 3 */
h1 {
  color: #3bbfce;
  font-weight: bold;
}

In PROD mode the CSS is stripped down to the minimal size.

In cas of error the generated CSS will not be interpreted by your browser and you will see the error message directly into the page:

Versions

Version
1.1 Jan 23, 2013