"use strict";

require("./demo11.css");

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Row = _["default"].Row,
    Col = _["default"].Col;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "align-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "top"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "top"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '100px',
    lineHeight: '100px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '50px',
    lineHeight: '50px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '150px',
    lineHeight: '150px'
  }
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "center"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "center"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '100px',
    lineHeight: '100px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '50px',
    lineHeight: '50px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '150px',
    lineHeight: '150px'
  }
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "bottom"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "bottom"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '100px',
    lineHeight: '100px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '50px',
    lineHeight: '50px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '150px',
    lineHeight: '150px'
  }
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "baseline"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "baseline"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '100px',
    paddingTop: '20px',
    fontSize: '30px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '50px',
    paddingTop: '20px',
    fontSize: '20px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '150px',
    paddingTop: '20px',
    fontSize: '40px'
  }
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "stretch"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "stretch",
  style: {
    height: '150px'
  }
}, /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8"
}, "col-8")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "grid-fixed-demo-title"
}, "override"), /*#__PURE__*/_react["default"].createElement(Row, {
  align: "top"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  align: "bottom",
  span: "8",
  style: {
    height: '100px',
    lineHeight: '100px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '50px',
    lineHeight: '50px'
  }
}, "col-8"), /*#__PURE__*/_react["default"].createElement(Col, {
  span: "8",
  style: {
    height: '150px',
    lineHeight: '150px'
  }
}, "col-8"))), document.getElementById('grid-demo-11'));