my-common-css

0.0.7 • Public • Published

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

Package Sidebar

Install

npm i my-common-css

Weekly Downloads

0

Version

0.0.7

License

MIT

Unpacked Size

96.9 kB

Total Files

12

Last publish

Collaborators

  • dodododooo