react-styled-flexboxgrid

react-styled-flexboxgrid copied to clipboard

hi all; i guess `Number.isInteger` can be used instead of `lodash.isinteger` for `Col.js`. exp. old: ```javascript import isInteger from 'lodash.isinteger'; ... ... isInteger(p[k]) ``` exp. new: ```javascript Number.isInteger(p[k]) ``` https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger

mikdatdogru

width vs max-width

2

I had a grid and in certain screen size (ex. with a nav panel on the left), the grid extends outside of the screen. And if I study why I'm...

windmaomao

theme not passing to all Grid,Rows,Col as desired...

4

## desired outcome: All descendents of which are Grid, Rows and Cols take config from _theme_ in the `index.js` file ## actual behavior: default gutterwidth and outerMargin are passed unless...

robertschank

Cannot replace `em` or `rem` with `px`

2

I really think that you should add an alternative field to specify the unit for widths: `containerUnits: 'px'` And allow the `xs md` etc properties to accept pixels

TomSaporitoXO

Following error when trying to install through yarn... --> yarn add react-styled-flexboxgrid yarn add v1.15.2 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... error An unexpected error occurred: "https://registry.yarnpkg.com/event-stream/-/event-stream-3.3.6.tgz: Request...

rakeshmenon

Column - missing an order prop

4

Is there any way of changing the order of elements depending on breakpoints? For now I can only hide and show elements but it does not seem like a proper...

zolza

In og flexboxgrid.css `.first-*` & `.last-*` are used to change the position of a col within a row. So it stands to reasons that those props should actually be Col...

gimmixAT

Row props overwriting one another.

4

When declaring the prop center="xs" the Row never lets go of the center class after it gets bigger than the declared "xs" size in the ThemeProvider component. I did some...

taylorpreston

outerMargin 0 cause scrolling on mobile

3

if you set outerMargin to 0 and resize the browser to mobile breakpoint it causes scrolling. Steps to reproduce: 1. enter: https://loicmahieu.github.io/react-styled-flexboxgrid/demo/index.html 2. set outerMargin = 0 3. resize browser

igoldny

Port to Vue (and/or other flavors in the styled-components ecosystem).

1

I have been using this module for a while now and it saves me a ton of time! The API is polished and easy-to-learn. _ThemeProvider integration is a lifesaver._ However,...

smithki