How to use the styled-bootstrap-grid.Col function in styled-bootstrap-grid
To help you get started, we’ve selected a few styled-bootstrap-grid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
artsy / reaction / src / Styleguide / Elements / Grid.tsx View on Github 
import { color, flex, space, textAlign, width } from "styled-system"
export { media } from "styled-bootstrap-grid"
// @ts-ignore
import styled, { StyledComponentClass } from "styled-components"
const DEBUG = false
export const Grid = styled(StyledGrid.Container)`
${space};
`
export const Row = styled(StyledGrid.Row)`
${color};
${space};
`
export const Col = styled(StyledGrid.Col)`
${color};
${flex};
${space};
${textAlign};
${width};
${() => {
if (DEBUG) {
return `
border: 1px solid #ddd;
`
}
}};
`styled-bootstrap-grid
bootstrap grid system using styled components
