content_processor.scss

SummaryConverts content written in the Sassy CSS language to valid CSS
Short namescss
Content typetext
Extension mapping{"scss"=>"css"}
Provided by bundlebuilt-in
API docWebgen::ContentProcessor::Scss

Description

This processor converts the content, which is assumed to be in the Sassy CSS language, to valid CSS using the Sass library. This is basically a syntax based on CSS but additionally using features from Sass.

This extension is only available if you have installed the sass library. The preferred way to do this is via Rubygems:

$ gem install sass

Usage

This processor is used in a similar way as to the content processor sass since both are provided by the same library. The only difference is in the syntax, so the documentation from content processor sass also applies to this content processor.

Example

Here is a short sample of a text in the Sassy CSS language:

$width: 80%;

#main {
  width: $width + 10%;

  p {
    border-style: solid;
    border-color: #00f;

    a {
      font-weight: bold;
    }
    a:hover {
      text-decoration: underline;
    }
  }
}

When processed by this processor, the output would look like this:

#main {
  width: 90%; }
  #main p {
    border-style: solid;
    border-color: #00f; }
    #main p a {
      font-weight: bold; }
    #main p a:hover {
      text-decoration: underline; }