1.1.3 • Published 6 days ago
saduocss v1.1.3
💒saduocss原子类css仓库
🌈特点介绍
- 轻量
- 实用
- 小巧 因为轻,所以值得拥有,很好的一个原子类css样式库。
⛱️软件架构
- 重置和基本样式
@import './reset.css';
@import './var.css';
@import './base.css';
- 布局与位置
@import './row.css';
@import './col.css';
@import './position.css';
- 间距
@import './margin.css';
@import './padding.css';
@import './top.css';
- 高度
@import './height.css';
@import './line-height.css';
- 文本
@import './text.css';
@import './font.css';
@import './color.css';
🚧响应式断点
- 手机 :col-xs-
@media only screen and (max-width:768px) {}
- 大手机或小ipad :col-sm-
@media only screen and (min-width:768px) {}
- pc最小或ipad :col-md-
@media only screen and (min-width:992px) {}
- pc最小:col-lg-
@media only screen and (min-width:1200px) {}
- pc最大: col-xl-
@media only screen and (min-width:1920px) {}
使用说明
1.安装依赖包
npm i saduocss --save
2.引入样式
import "saduocss/src/all.css";
联系作者
微信:yanyutao2014
主页:https://gitee.com/yanyutao0402