Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
lucaspelloni2 opened this issue Aug 25, 2022 · 3 comments
Open

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

lucaspelloni2 opened this issue Aug 25, 2022 · 3 comments
Assignees

Comments

@lucaspelloni2
Copy link
Contributor

image

@lucaspelloni2
Copy link
Contributor Author

lucaspelloni2 commented Aug 25, 2022

What do you prefer? @j0nezz

@j0nezz
Copy link
Contributor

j0nezz commented Aug 25, 2022

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
Copy link
Contributor Author

@calvin-f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants