当前位置

网站首页> 程序设计 > 程序资讯 > 软件研发 > 浏览文章

【工具推荐】Rider——专注于移动Web的CSS样式库

作者:小梦 来源: 网络 时间: 2024-02-02 阅读:

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

热点阅读

网友最爱