common-css

简介

common-css是一个常用css样式库，使用scss编写，灵感来源于vuetify.

使用文档

[https://dodododooo.github.io/common-css/]

使用

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变量，可据此做动态主题
• 所有样式见 [https://dodododooo.github.io/common-css/]

license

MIT