Sass

你可以在模板中撰寫 Sass（目前僅支援 SCSS 格式），而且會自動編譯。

如果你不希望在模板中參雜 Sass 而是獨立將他們分開來，Avane 有提供相關進階功能，還敬請參考。

Avane

:sass

    body, html {
        height: 100%;
    }

    .text {
        &.red {
            color: red;
        }
        &.blue {
            color: blue;
        }

        .bold {
            font-weight: bold;
        }
    }

渲染結果

<style>
body, html {
    height: 100%;
}
.text.red {
    color: red;
}
.text.blue {
    color: blue; 
}
.text .bold {
    font-weight: bold; 
}
</style>