專注于移動Web的CSS樣式庫 - Rider

jopen 9年前發布 | 13K 次閱讀 Rider CSS 前端技術

Rider是一個基于Stylus、專注于移動Web的CSS樣式庫。它提供了樣式初始化、順時針簡寫、緩動函數、圖片、排版、單位轉換、形狀、動畫、響應式工具等功能,可以讓你的前端樣式開發更輕松、更省心。該項目由EFE團隊開發而來,項目托管在GitHub上。

由于Stylus自由度很高,代碼風格很容易差異化。Rider推薦的代碼風格是這樣的:

    // 當 Mixin 為空時,加括號執行
initialize()

.box  
    // 在給屬性賦值、給 Mixin 傳參數時,**用** `:`(冒號)分隔  
    // 語句的結尾 **不加** `;`(分號)  
    display: block  
    size: 80px 60px  
    box-shadow: 2px 2px 5px #999  
    // 使用 Function 時,加括號傳遞參數  
    font-size: rem(14)  

// 當 Mixin 應用于 CSS root 時,加括號執行  
font-face('rider-icon', 'font/rider-icon')  </pre></b> <p></p>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!