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
CONFIG.md 1.67 KB
Copy Edit Web IDE Raw Blame History
zhangjing authored 2019-03-28 13:56 . 文档更新

配置

[TOC]

1. 初始化scss

1.1 _reset.scss

浏览器默认样式格式化

1.2 _style.scss

<!-- 
  浏览器设置html字体
  兼容window,mac,mobile
 -->
html {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

1.3 _sundry.scss

<!-- 杂项 -->
overlay 覆盖物
layout-auto 居中显示

2. 全局颜色配置

2.1 _var.scss

<!-- 
  white black grey green blue yellow red
  上述属性,文字,背景,边框所用色值是一样的
 -->
文字颜色:
white: #ffffff
black: #333
grey: #888
green: #19be6b
blue: #61c3ff
yellow: #ff9900
red: #f35958
title: #17233d
content: #515a6e
disabled: #c5c8ce

背景颜色:
white: #ffffff
black: #333
grey: #888
green: #19be6b
blue: #61c3ff
yellow: #ff9900
red: #f35958

边框颜色:
white: #ffffff
black: #333
grey: #888
green: #19be6b
blue: #61c3ff
yellow: #ff9900
red: #f35958

box-sizes
<!-- 用于padding,margin -->
取值范围
-20, -15, -12, -10, -8, -6, -5, -4, -3, -2, -1,
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
12, 15, 20, 25, 30, 35, 40, 50, 60, 80, 100

sizes
<!-- 用于宽高 -->
取值范围
1, 5, 10, 12, 15, 20, 25, 30, 40, 50, 60, 70, 80, 90,100,
120, 150, 200, 250, 300, 400, 500, 600, 800, 1000, 1200

font-size
取值范围
px: 1-80
em: 20
rem: 20

line-height
取值范围
0-20
px: 0-100

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