使用Stylus

安装：

npm install stylus@0.54.5 stylus-loader@3.0.2 --save-dev

编写样式：

<style lang="stylus" rel="stylesheet/stylus">

成功，开始使用

 

---

 

1. 变量的使用

<div class="box"></div>

<style lang="stylus" rel="stylesheet/stylus">
    $color: red
    $k: 100px
    .box
        width: @k
        height: @k
   
</style>

2. 函数

border-radius()
  -webkit-border-radius: arguments
  -moz-border-radius: arguments
  border-radius: arguments

body
  font: 12px Helvetica, Arial, sans-serif

a.button
  border-radius: 5px