import React from 'react'
import { Grid, Col, Row } from '../index'
const styleCol = {
width: '100%',
backgroundColor: 'rgba(0,160,233, .7)',
height: '50px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
borderTop: '1px solid #1e5281'
}
const Offsets = () => (
<Row>
<Col xsOffset={11} xs={1}>
<div style={styleCol}>
offset-11
</div>
</Col>
<Col xsOffset={10} xs={2}>
<div style={styleCol}>
offset-10
</div>
</Col>
<Col xsOffset={9} xs={3}>
<div style={styleCol}>
offset-19
</div>
</Col>
<Col xsOffset={8} xs={4}>
<div style={styleCol}>
offset-8
</div>
</Col>
<Col xsOffset={7} xs={5}>
<div style={styleCol}>
offset-7
</div>
</Col>
<Col xsOffset={6} xs={6}>
<div style={styleCol}>
offset-6
</div>
</Col>
<Col xsOffset={5} xs={7}>
<div style={styleCol}>
offset-5
</div>
</Col>
<Col xsOffset={4} xs={8}>
<div style={styleCol}>
offset-4
</div>
</Col>
<Col xsOffset={3} xs={9}>
<div style={styleCol}>
offset-3
</div>
</Col>
<Col xsOffset={2} xs={10}>
<div style={styleCol}>
offset-2
</div>
</Col>
<Col xsOffset={1} xs={11}>
<div style={styleCol}>
offset-1
</div>
</Col>
</Row>
)
export { Offsets }
|