search

axelra-ag / styled-bootstrap-grid

Re-implementation with styled-components of the bootstrap grid-layout system.
MIT License
9 stars 1 forks source link

Align breaking points with new axelra-react-utilities #5

Open lucaspelloni2 opened 2 years ago

lucaspelloni2 commented 2 years ago
image
lucaspelloni2 commented 2 years ago

What do you prefer? @j0nezz

j0nezz commented 2 years ago

Hmm, the best would be if you could dynamically pass the breakpoints to axelra-styled-bootstrap grid...

The current workaround is to customize the theme of axelra-react-utilities to match axelra-styled-bootstrap-grid, but I'd prefer the Tailwind Breakpoints:

const theme = makeTheme({
  breakPoints: {
    sm: SMALL_DEVICES_BREAK_POINT,
    md: MEDIUM_DEVICES_BREAK_POINT,
    lg: LARGE_DEVICES_BREAK_POINT,
    xl: EXTRA_LARGE_DEVICES_BREAK_POINT
  }
});

So with the above config, both breakpoints are the same :)

lucaspelloni2 commented 2 years ago

@calvin-f