Detailed configuration

This page describes each key sbt-puresass supports.

Output style

Sets the output style.

Example:

outputStyle in sass in Assets := OutputStyle.Nested

Possible values are

• OutputStyle.Nested (default)
• OutputStyle.Compact compact style, takes less space than Nested or Expanded.
• OutputStyle.Compressed compressed style, minimum space.
• OutputStyle.Expanded expanded style, looks like human-made CSS.

For the detailed meaning of the styles and examples, please refer to the original Sass documentation.

Import paths (Scala.js Bundler support)

Sets multiple Sass import paths. This is useful when you have multiple sub-projects, e.g.

• Scala.js client that uses the scalajs-bundler plugin and
• server part that uses the sbt-web plugin

The following example build.sbt refers to the NPM module dependency of the client project to add the Sass styles contained in the NPM module:

import scalajsbundler.sbtplugin.ScalaJSBundlerPlugin.autoImport.npmUpdate

resolvers in ThisBuild += Resolver.jcenterRepo

lazy val client = (project in file("client")).settings(
    npmDependencies in Compile += "mdi" -> "2.0.46"
).enablePlugins(ScalaJSBundlerPlugin)

lazy val root = (project in file(".")).settings(
    importPaths in (Assets, sass) += (npmUpdate in (client, Compile)).value / "node_modules"
).enablePlugins(SbtWeb, WebScalaJSBundlerPlugin)

You can import the foreign Sass styles in your Sass file like:

@import "mdi/sass/materialdesignicons";

Sourcemap types

Sets how to generate sourcemaps.

Example:

sourcemapType in sass in Assets := SourcemapType.File

Possible values are

• SourcemapType.Auto (default) uses relative URIs where possible.
• SourcemapType.File use file: URIs instead.
• SourcemapType.Inline includes the full source text in the sourcemap.
• SourcemapType.None disables sourcemaps.

For the detailed meaning of the sourcemap options and more details, please refer to the original Sass documentation.

SCSS syntax

A Boolean value to enable or disable the CSS-superset SCSS syntax.

Example:

scssSyntax in sass in Asssets := true

Debug info

Enables debug info the FireSass Firebug plugin can use.

Example:

debugInfo in sass in Assets := true

Line numbers

Enables comments in the generated CSS indicating source line numbers.

Example:

debugInfo in sass in Assets := true

Quiet

Enables quiet mode.

Example:

quiet in sass in Assets := true

No cache

Disables caching of parsed Sass files.

Example:

noCache in sass in Assets := true