docs: update introduce.md

This commit is contained in:
afc163 2017-03-03 13:48:22 +08:00
parent 5ecdc88640
commit e15d12ffdf
2 changed files with 23 additions and 6 deletions

View File

@ -114,6 +114,10 @@ const ExtendPalettes = React.createClass({
{ {
name: 'cyan', name: 'cyan',
description: '清新、冷静、结构化', description: '清新、冷静、结构化',
},
{
name: 'grey',
description: '平稳、中性',
} }
]; ];
return ( return (

View File

@ -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);
} }