mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 19:19:26 +08:00
parent
b829edefa5
commit
4493f1201d
@ -35,7 +35,7 @@ Ant Design's color palette also has the ability to further extend. After careful
|
||||
`````__react
|
||||
import Palette from '../../site/theme/template/Color/Palette';
|
||||
|
||||
ReactDOM.render(<Palette color={{ name: 'grey' }} direction="horizontal" />, mountNode);
|
||||
ReactDOM.render(<Palette color={{ name: 'gray' }} direction="horizontal" />, mountNode);
|
||||
`````
|
||||
|
||||
### Data Visualization Color Palette (Coming soon)
|
||||
|
@ -43,7 +43,7 @@ Ant Design 的色板还具备进一步拓展的能力。经过设计师和程序
|
||||
`````__react
|
||||
import Palette from '../../site/theme/template/Color/Palette';
|
||||
|
||||
ReactDOM.render(<Palette color={{ name: 'grey' }} direction="horizontal" />, mountNode);
|
||||
ReactDOM.render(<Palette color={{ name: 'gray' }} direction="horizontal" />, mountNode);
|
||||
`````
|
||||
|
||||
### 数据可视化色板(敬请期待)
|
||||
|
@ -6,16 +6,16 @@
|
||||
.make-palette(@color, (@index + 1)); // next iteration
|
||||
}
|
||||
|
||||
@grey-1: #fff;
|
||||
@grey-2: #fafafa;
|
||||
@grey-3: #f5f5f5;
|
||||
@grey-4: #e8e8e8;
|
||||
@grey-5: #d9d9d9;
|
||||
@grey-6: #bfbfbf;
|
||||
@grey-7: #8c8c8c;
|
||||
@grey-8: #595959;
|
||||
@grey-9: #262626;
|
||||
@grey-10: #000;
|
||||
@gray-1: #fff;
|
||||
@gray-2: #fafafa;
|
||||
@gray-3: #f5f5f5;
|
||||
@gray-4: #e8e8e8;
|
||||
@gray-5: #d9d9d9;
|
||||
@gray-6: #bfbfbf;
|
||||
@gray-7: #8c8c8c;
|
||||
@gray-8: #595959;
|
||||
@gray-9: #262626;
|
||||
@gray-10: #000;
|
||||
@border-color: rgba(229, 231, 235, 100);
|
||||
|
||||
.color-palettes {
|
||||
@ -62,7 +62,7 @@
|
||||
.make-palette(yellow);
|
||||
.make-palette(lime);
|
||||
.make-palette(geekblue);
|
||||
.make-palette(grey);
|
||||
.make-palette(gray);
|
||||
text-align: left;
|
||||
|
||||
&-item {
|
||||
|
Loading…
Reference in New Issue
Block a user