ant-design/components/grid/demo/playground.md

40 lines
770 B
Markdown
Raw Normal View History

2016-12-25 21:09:49 +08:00
## zh-CN
可以简单配置几种等分栅格和间距。
## en-US
A simple playground for column count and gutter.
2019-05-07 14:57:32 +08:00
```css
#components-grid-demo-playground [class~='ant-col'] {
2016-12-25 21:09:49 +08:00
background: transparent;
border: 0;
}
2019-05-07 14:57:32 +08:00
#components-grid-demo-playground [class~='ant-col'] > div {
2016-12-25 21:09:49 +08:00
height: 120px;
font-size: 14px;
2016-12-25 21:09:49 +08:00
line-height: 120px;
background: #0092ff;
border-radius: 4px;
2016-12-25 21:09:49 +08:00
}
2016-12-25 21:31:33 +08:00
#components-grid-demo-playground pre {
padding: 8px 16px;
font-size: 13px;
2016-12-25 21:31:33 +08:00
background: #f9f9f9;
border-radius: 6px;
}
#components-grid-demo-playground pre.demo-code {
direction: ltr;
}
#components-grid-demo-playground .ant-col {
padding: 0;
}
2019-05-07 14:57:32 +08:00
```
2019-12-24 15:01:03 +08:00
<style>
[data-theme="dark"] #components-grid-demo-playground [class~='ant-col'] > div {
background: #028ac8;
}
</style>