gulp4 + babel 一个优雅的移动端css框架

网友投稿 954 2022-10-25

gulp4 + babel 一个优雅的移动端css框架

gulp4 + babel 一个优雅的移动端css框架

gulp4 + babel

采用postcss输出css

License

MIT

ixu.css

轻量灵活的移动端 CSS 框架。

介绍

压缩后只有 4.6kb,比 Skeleton、Pure.css、Bootstrap 等所有 CSS 库都小大量使用 Flexbox ,非常灵活,官方网站只有不到 10 行的自定义样式专注于移动端,桌面端端相当于展示的还是移动端的页面,不过可以在左侧或右侧加上侧边栏

开始使用

你可以在这个页面- ixu.css,然后使用压缩后的版本:dist/ixu.min.css。

或者使用 npm 安装:

npm install --save ixu.css

如果你用的是 Sass,那么也可以在自己的项目中构建 ixu.css:

@import 'ixu.css/src/ixu';

注意你需要将 node_modules 添加到 Sass 的 load_paths 中。

支持的浏览器

iOS

Last 5 iOS versions

安卓

Last 5 Android versions Last 5 ChromeAndroid versions Last 5 UCAndroid versions (*) Last 5 FirefoxAndroid versions (*) Last 5 OperaMobile versions (*) Last 5 OperaMini versions (*) Last 5 Samsung versions (*)

其他浏览器

Last 3 Chrome versions Last 3 Firefox versions Last 3 Safari versions Last 3 Edge versions Last 5 ExplorerMobile versions (*)

备注

ixu.css 使用 cssnext 来保证能兼容主流的移动端浏览器浏览器查询语句来自于 Browserslist标注为 (*) 的浏览器可能没有很好的测试,但是应该能够正常工作

参与贡献

如何开始

npm installnpm start

打开 http://localhost:8000/

测试

npm test

谁在用 ixu.css?

马蹄香数企

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:#yyds干货盘点# leetcode算法题:合并两个有序链表
下一篇:Midway - 面向未来的基于IoC的Web框架
相关文章

 发表评论

暂时没有评论,来抢沙发吧~