mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-20 10:01:17 +08:00
docs: update introduce.md
This commit is contained in:
parent
5ecdc88640
commit
e15d12ffdf
@ -114,6 +114,10 @@ const ExtendPalettes = React.createClass({
|
|||||||
{
|
{
|
||||||
name: 'cyan',
|
name: 'cyan',
|
||||||
description: '清新、冷静、结构化',
|
description: '清新、冷静、结构化',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'grey',
|
||||||
|
description: '平稳、中性',
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
return (
|
return (
|
||||||
|
@ -35,18 +35,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.color-title {
|
.color-title {
|
||||||
margin: 0 0 16px;
|
margin: 0 0 24px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #5c6b77;
|
color: #5c6b77;
|
||||||
font-size: 22px;
|
font-size: 26px;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-description {
|
.color-description {
|
||||||
font-size: 16px;
|
font-size: 12px;
|
||||||
margin-left: 12px;
|
font-weight: lighter;
|
||||||
font-weight: normal;
|
color: #777;
|
||||||
color: #888;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-color:hover {
|
.main-color:hover {
|
||||||
@ -99,6 +100,17 @@
|
|||||||
.make-palatte(@color, (@index + 1)); // next iteration
|
.make-palatte(@color, (@index + 1)); // next iteration
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@grey-1: #fbfbfb;
|
||||||
|
@grey-2: #f7f7f7;
|
||||||
|
@grey-3: #f5f5f5;
|
||||||
|
@grey-4: #e9e9e9;
|
||||||
|
@grey-5: #d9d9d9;
|
||||||
|
@grey-6: #bfbfbf;
|
||||||
|
@grey-7: #919191;
|
||||||
|
@grey-8: #5a5a5a;
|
||||||
|
@grey-9: #404040;
|
||||||
|
@grey-10: #222;
|
||||||
|
|
||||||
.main-color {
|
.main-color {
|
||||||
.make-palatte(blue);
|
.make-palatte(blue);
|
||||||
.make-palatte(purple);
|
.make-palatte(purple);
|
||||||
@ -108,4 +120,5 @@
|
|||||||
.make-palatte(red);
|
.make-palatte(red);
|
||||||
.make-palatte(orange);
|
.make-palatte(orange);
|
||||||
.make-palatte(yellow);
|
.make-palatte(yellow);
|
||||||
|
.make-palatte(grey);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user