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

license

MIT