专注于移动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')
- 查看更多详情,请点击Rider项目主页
- 查看RiderAPI :https://github.com/ecomfe/rider/blob/master/doc/api.md