Browse Source

fix layout demo style

pull/1379/merge
afc163 9 years ago
parent
commit
299a30d4e7
  1. 10
      components/layout/demo/flex-align.md
  2. 18
      site/common/styles/markdown.less

10
components/layout/demo/flex-align.md

@ -8,15 +8,7 @@ Flex 子元素垂直对齐。
````jsx
import { Row, Col } from 'antd';
const DemoBox = React.createClass({
render() {
const { value } = this.props;
const className = `hight-${value}`;
return (
<p className={className}>{this.props.children}</p>
);
}
});
const DemoBox = props => <p className={`height-${props.value}`}>{props.children}</p>;
ReactDOM.render(
<div>

18
site/common/styles/markdown.less

@ -180,6 +180,7 @@
font-size: 13px;
}
[id^="components-layout-demo-"] {
.markdown .demo-row,
.code-box-demo .demo-row {
background-image: linear-gradient(90deg, #F5F5F5 4.16666667%, transparent 4.16666667%, transparent 8.33333333%, #F5F5F5 8.33333333%, #F5F5F5 12.5%, transparent 12.5%, transparent 16.66666667%, #F5F5F5 16.66666667%, #F5F5F5 20.83333333%, transparent 20.83333333%, transparent 25%, #F5F5F5 25%, #F5F5F5 29.16666667%, transparent 29.16666667%, transparent 33.33333333%, #F5F5F5 33.33333333%, #F5F5F5 37.5%, transparent 37.5%, transparent 41.66666667%, #F5F5F5 41.66666667%, #F5F5F5 45.83333333%, transparent 45.83333333%, transparent 50%, #F5F5F5 50%, #F5F5F5 54.16666667%, transparent 54.16666667%, transparent 58.33333333%, #F5F5F5 58.33333333%, #F5F5F5 62.5%, transparent 62.5%, transparent 66.66666667%, #F5F5F5 66.66666667%, #F5F5F5 70.83333333%, transparent 70.83333333%, transparent 75%, #F5F5F5 75%, #F5F5F5 79.16666667%, transparent 79.16666667%, transparent 83.33333333%, #F5F5F5 83.33333333%, #F5F5F5 87.5%, transparent 87.5%, transparent 91.66666667%, #F5F5F5 91.66666667%, #F5F5F5 95.83333333%, transparent 95.83333333%);
@ -237,19 +238,20 @@
background: rgba(255, 255, 255, 0.5);
color: #999;
}
.markdown .hight-100,
.code-box-demo .hight-100 {
.markdown .height-100,
.code-box-demo .height-100 {
height: 100px;
}
.markdown .hight-50,
.code-box-demo .hight-50 {
.markdown .height-50,
.code-box-demo .height-50 {
height: 50px;
}
.markdown .hight-120,
.code-box-demo .hight-120 {
.markdown .height-120,
.code-box-demo .height-120 {
height: 120px;
}
.markdown .hight-80,
.code-box-demo .hight-80 {
.markdown .height-80,
.code-box-demo .height-80 {
height: 80px;
}
}

Loading…
Cancel
Save