Summary | Converts content written in the Sassy CSS language to valid CSS |
---|---|
Short name | scss |
Content type | text |
Extension mapping | {"scss"=>"css"} |
Provided by bundle | built-in |
API doc | Webgen::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; }