How to use the styled-bootstrap-grid.Container 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.

github artsy / reaction / src / Styleguide / Elements / Grid.tsx View on Github external
import * as StyledGrid from "styled-bootstrap-grid"
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 `

styled-bootstrap-grid

bootstrap grid system using styled components

MIT
Latest version published 2 years ago

Package Health Score

53 / 100
Full package analysis