saduocss

💒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