How to use react-awesome-styled-grid - 4 common examples

To help you get started, we’ve selected a few react-awesome-styled-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 RetailMeNot / anchor / docs / src / components / CodePreview / CodePreview.component.tsx View on Github external
    ${props => config(props).media[breakpoints.md]`
        overflow-x: initial;
    `}
github RetailMeNot / anchor / docs / src / components / PositionGrid / PositionGrid.component.tsx View on Github external
    ${props => config(props).media[breakpoints.md]`
        overflow-x: initial;
    `}
`;
github santosfrancisco / gatsby-starter-cv / src / components / timeline / timeline.js View on Github external
  ${p => config().media['sm']`
  .timeline__item div.inner {
    width: 40%;
    margin: 5px 0 0 0;
  }

  .timeline__item div.inner h2:after {
    top: 20px;
    left: unset;
    right: -5px;
  }
  .timeline__item:nth-child(2n+2) div.inner h2:after {
    left: -5px;
  }

  `}
`
github RetailMeNot / anchor / docs / src / components / Utils / ApiTable / ApiTable.component.tsx View on Github external
    ${props => config(props).media[breakpoints.md]`
        overflow-x: initial;
        white-space: normal;
    `}
`;

react-awesome-styled-grid

A responsive grid system layout for React using styled-components

MIT
Latest version published 5 months ago

Package Health Score

70 / 100
Full package analysis

Popular react-awesome-styled-grid functions