Kooboo supports Less, Sass, Scss.  Less syntax is supported by default. Sass and Scss are contained in additional package in the download section. 

To use them: 

Using File Extension

When you are creating a style. You have the option to choose the file extension.  Only after you have the target engine installed, you will see the related extension. 

Choose the extension and then write the Style Sheet in related extension. 

Using Engine Tag Attribute

An alternative is that you use the engine tag attribute in the source DOM.

<div class="jumbotron">
    <h2>Welcome!</h2>
</div>

<style engine="less">
    @hello: #dd4433;
    @world: #66bb33; 
    .hello {
      color: @hello;
    } 
    .world {
      color: @world;
    }
</style>

output:

<div class="jumbotron">
    <h2>Welcome!</h2>
</div>

<style engine="less">.hello {
  color: #dd4433;
}
.world {
  color: #66bb33;
}
</style>