Stylus基本使用

Stylus [ˈstaɪləs] CSS預處理語言

1. 安裝到全局環境

$ npm install stylus -g
複製代碼

2. 基本使用

stylus -w style.styl -o style.css
複製代碼

3. Example

border-radius()
        -webkit-border-radius: arguments
        -moz-border-radius: arguments
        border-radius: arguments
 
    body a
        font: 12px/1.4 "Lucida Grande", Arial, sans-serif
        background: black
        color: #ccc
 
    form input
        padding: 5px
        border: 1px solid
        border-radius: 5px
複製代碼

compiles to:

body a {
        font: 12px/1.4 "Lucida Grande", Arial, sans-serif;
        background: #000;
        color: #ccc;
     }
    form input {
        padding: 5px;
        border: 1px solid;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
複製代碼

學習地址：Stylus中文版參考文檔