0.0.7 • Published 3 years ago
my-common-css v0.0.7
common-css
简介
common-css是一个常用css样式库，使用scss编写，灵感来源于vuetify.
使用
npm
npm install my-common-css
import my-common-css/common.css
或 import my-common-css/main.scss
download
https://github.com/dodododooo/common-css/blob/master/common.css
自定义
使用scss文件时可自定义一些属性值
可自定义属性见下表
| 变量名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| $spacer-base | padding和margin的基准值 | number | 4px |
| $spacer-range | padding和margin范围* | number | 16 |
| $spacers | 自定义padding和margin值 | map | () |
| $radius-base | border-radius基准值 | number | 4px |
| $radius | 自定义radius值 | map | () |
| $size-precent-base | height和width基准值 | number | 10 |
| $size-precent | 自定义height和width | map | () |
| $font-size-base | font-size基准值 | number | 2 |
| $font-size-range | font-size范围* | number | 16 |
| $font-size | 自定义font-size | map | () |
| $font-weights | 自定义font-weight | map | () |
| $colors | 自定义color | map | () |
| $border-color-deafult | 默认border颜色 | color | var(--color-light) |
| $propertys | 自定义属性 | map | () |
| $color-prefix | 色彩变量前缀 | string | color |
padding和margin的生成范围为 $spacer-base $spacer-range 详见 _variables.scss
font-size的生成范围为 $font-size-range font-size-range 详见 _variables.scss
说明
- 所有的颜色值都会生成root级的css变量，可据此做动态主题
- 所有样式见common.dev.css