专注于移动Web的CSS样式库 - Rider

jopen 10年前

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')