Metrics
0
Watch 22 Star 52 Fork 2

zhangjing / quickly-cssCSSMIT

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
一个快速书写, 极易上手, 高度可扩展的CSS类库。 spread retract

https://www.npmjs.com/package/quickly-css

Clone or download
Blog.md 1.18 KB
Copy Edit Web IDE Raw Blame History
zhangjing authored 2019-10-09 16:07 . Add: 文档, v1.1.0更新内容

更新日志

V1.1.0

  • 增加对flex样式的扩充
  • 增加vw, wh 单位的支持
  • 增加flexible字体大小的支持

增加对flex样式的扩充

  1. 增加了flex-grow的支持 范围值为0 - 3

例:

.flex-g-1 {
  flex-grow: 1
}
  1. 增加了align-content的支持 范围值 flex-start, flex-end, center, space-between, space-around, stretch

例:

.a-c-start {
  align-content: flex-start;
}
  1. 增加了align-self的支持 范围值 auto, flex-start, flex-end, center, baseline, stretch

例:

.a-s-start {
  align-self: flex-start;
}

增加vw, wh 单位的支持

  1. margin, padding 可以使用vw, wh 单位 范围值 1-10
.m-l-10vh {
  margin-left: 10vh;
}
.m-l-10vw {
  margin-left: 10vw;
}
.p-l-10vh {
  padding-left: 10vh;
}
.p-l-10vw {
  padding-left: 10vw;
}
  1. width, height 可以使用vw, wh单位 范围值 1-100
.w-10vw {
  width: 10vw;
}
.w-10vh {
  width: 10vh;
}
.h-10vw {
  height: 10vw;
}
.h-10vh {
  height: 10vh;
}

增加flexible字体大小的支持

配合flexible.js 在375宽度视口下定义rem像素大小 范围值 12 - 80

.fs-rem-16px {
  font-size: 0.4266666667rem;
}

Comment ( 0 )

You need to Sign in for post a comment

CSS
1
https://gitee.com/zj1024/quickly-css.git
git@gitee.com:zj1024/quickly-css.git
zj1024
quickly-css
quickly-css
master

Help Search