mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 21:19:37 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

✏️ fix: fixed typo of palette

Browse Source
This commit is contained in:
taoweicn 2018-12-26 23:44:36 +08:00 committed by 偏右
parent 4da04acff9
commit 0f9742b441
2 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
site/theme/static/colors.less
View File

@ -100,12 +100,11 @@
&-item {
flex: 1;
position: relative;
padding: 0;
margin-right: 0;
border-radius: 0;
height: 86px;
text-align: center;
padding-top: 37px;
padding: 37px 0 0;
line-height: normal;
.main-color-text {
@ -142,12 +141,12 @@
}
}
.make-palatte(@color, @index: 1) when (@index <= 10) {
.palatte-@{color}-@{index} {
.make-palette(@color, @index: 1) when (@index <= 10) {
.palette-@{color}-@{index} {
@background: '@{color}-@{index}';
background: @@background;
}
.make-palatte(@color, (@index + 1)); // next iteration
.make-palette(@color, (@index + 1)); // next iteration
}
@grey-1: #fff;
@ -164,17 +163,17 @@
@border-color: rgba(229, 231, 235, 100);
.main-color {
.make-palatte(blue);
.make-palatte(purple);
.make-palatte(cyan);
.make-palatte(green);
.make-palatte(magenta);
.make-palatte(red);
.make-palatte(volcano);
.make-palatte(orange);
.make-palatte(gold);
.make-palatte(yellow);
.make-palatte(lime);
.make-palatte(geekblue);
.make-palatte(grey);
.make-palette(blue);
.make-palette(purple);
.make-palette(cyan);
.make-palette(green);
.make-palette(magenta);
.make-palette(red);
.make-palette(volcano);
.make-palette(orange);
.make-palette(gold);
.make-palette(yellow);
.make-palette(lime);
.make-palette(geekblue);
.make-palette(grey);
}

2
site/theme/template/Color/Palette.jsx
View File

@ -50,7 +50,7 @@ export default class Palette extends React.Component {
ref={node => {
this.colorNodes[`${name}-${i}`] = node;
}}
className={`main-color-item palatte-${name}-${i}`}
className={`main-color-item palette-${name}-${i}`}
style={{
color: (name === 'yellow' ? i > 6 : i > 5) ? '#fff' : 'unset',
fontWeight: i === 6 ? 'bold' : 'normal',