Less

你可以在模板中撰寫 Less，而且會自動編譯。

Avane

:less

    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>