Comparing version 1.13.0 to 1.14.0
@@ -86,5 +86,53 @@ const gulp = require('gulp'); | ||
}, | ||
] | ||
]; | ||
const colors = [{ | ||
prefix: 'brand', | ||
name: ['primary'], | ||
affix: ['', 'hover', 'focus', 'dark-4', 'dark-5', 'dark-5', 'dark-6', 'dark-7', | ||
'alpha-2', 'alpha-3', 'alpha-4', 'alpha-5', 'alpha-6', 'alpha-7', 'alpha-8', 'alpha-9'] | ||
}, { | ||
prefix: ['normal', 'dark', 'white'], | ||
name: ['alpha'], | ||
affix: ['1', '2', '3', '4', '5', '6', '7', '8', '9'], | ||
}, { | ||
prefix: 'brand', | ||
name: ['danger', 'warning', 'success', 'link', 'info', 'query'], | ||
affix: [''] | ||
}, { | ||
prefix: 'brand', | ||
name: ['danger', 'warning', 'success', 'link'], | ||
affix: ['', 'alpha-2', 'alpha-7', 'alpha-8'], | ||
}, { | ||
prefix: 'brand', | ||
name: ['danger'], | ||
affix: ['hover', 'focus'], | ||
}]; | ||
const generateColors = (colors) => { | ||
const vars = []; | ||
colors.forEach((item) => { | ||
const prefix = Array.isArray(item.prefix) ? item.prefix : [item.prefix]; | ||
const name = Array.isArray(item.name) ? item.name : [item.name]; | ||
const affix = Array.isArray(item.affix) ? item.affix : [item.affix]; | ||
prefix.forEach((p) => { | ||
name.forEach((n) => { | ||
affix.forEach((a) => { | ||
vars.push({ | ||
className: `${p === 'brand' ? '' : p + '-'}${n}${a && '-' + a}`, | ||
colorName: `${p}-${n}${a && '-' + a}` | ||
}) | ||
}) | ||
}) | ||
}) | ||
}); | ||
return vars; | ||
} | ||
gulp.task('makefiles', function () { | ||
gulp.src(['./templates/text-color.less', './templates/background-color.less', './templates/border-color.less']) | ||
.pipe(ejs({ | ||
colors: generateColors(colors), | ||
})) | ||
.pipe(gulp.dest('./core')); | ||
themes.forEach((theme) => { | ||
@@ -91,0 +139,0 @@ gulp.src('./templates/theme.less') |
@@ -127,2 +127,6 @@ # history | ||
## 1.14.0 | ||
* `NEW` auto generate atom class for border/background/text | ||
## 1.2.0 | ||
@@ -129,0 +133,0 @@ |
{ | ||
"name": "kuma-base", | ||
"version": "1.13.0", | ||
"version": "1.14.0", | ||
"description": "base for kuma", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -22,10 +22,3 @@ # kuma-base | ||
##### 信息提示色 | ||
##### 链接色 | ||
##### 文本色 | ||
更多的颜色定义的变量请查看 variables/colors | ||
### 关于上一个版本的 kuma 兼容 | ||
@@ -35,6 +28,3 @@ | ||
### 主题 | ||
内置两款主题:`橙色系` 和 `蓝色系` | ||
## 如何开发 | ||
@@ -46,3 +36,3 @@ | ||
npm install | ||
gulp | ||
npm start | ||
``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
2765173
309
4159
36